Add page footer
This commit is contained in:
parent
1aff9f655d
commit
77b2bb18ae
2 changed files with 17 additions and 1 deletions
|
@ -1,4 +1,5 @@
|
||||||
@using PancakesWeb.Components.UI
|
@using Microsoft.AspNetCore.Components.Sections
|
||||||
|
@using PancakesWeb.Components.UI
|
||||||
@inherits LayoutComponentBase
|
@inherits LayoutComponentBase
|
||||||
|
|
||||||
<a class="skip-to-content" href="#main-content">Skip to main content</a>
|
<a class="skip-to-content" href="#main-content">Skip to main content</a>
|
||||||
|
@ -9,6 +10,13 @@
|
||||||
|
|
||||||
@Body
|
@Body
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<SectionOutlet SectionName="Footer"/>
|
||||||
|
<p>🐈⬛</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
<div id="blazor-error-ui" data-nosnippet>
|
<div id="blazor-error-ui" data-nosnippet>
|
||||||
An unhandled error has occurred.
|
An unhandled error has occurred.
|
||||||
<a href="." class="reload">Reload</a>
|
<a href="." class="reload">Reload</a>
|
||||||
|
|
|
@ -1,3 +1,11 @@
|
||||||
|
footer {
|
||||||
|
margin-top: 3rem;
|
||||||
|
padding: 3rem 0;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
background-color: var(--foreground);
|
||||||
|
}
|
||||||
|
|
||||||
#blazor-error-ui {
|
#blazor-error-ui {
|
||||||
color-scheme: light only;
|
color-scheme: light only;
|
||||||
background: lightyellow;
|
background: lightyellow;
|
||||||
|
|
Loading…
Add table
Reference in a new issue