daball/dashersupply
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated bottom footer style making it 100% explicitly.

Browse Source
This commit is contained in:
David Ball 2024-07-13 03:27:34 -04:00
parent bfc50d8926
commit 126094e34a
1 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/layouts/Layout.astro
View File

@ -28,6 +28,7 @@ const { title } = Astro.props;
</head> </head>
<body> <body>
<slot /> <slot />
<div class="footer-container">
<div class="footer"> <div class="footer">
<div class="footer-header"> <div class="footer-header">
<p class="logo"><a class="daball-navbar-brand" href="https://daball.me">A <span class="pretty">pretty</span> <span class="cool">cool</span> website by <span class="david">David</span> <span class="allen">A.</span> <span class="ball">Ball</span>.</a></p> <p class="logo"><a class="daball-navbar-brand" href="https://daball.me">A <span class="pretty">pretty</span> <span class="cool">cool</span> website by <span class="david">David</span> <span class="allen">A.</span> <span class="ball">Ball</span>.</a></p>
@ -40,6 +41,7 @@ const { title } = Astro.props;
<p><a href="/about">About this site</a>. | <a href="https://gitea.daball.me/daball/dashersupply">View source</a>.</p> <p><a href="/about">About this site</a>. | <a href="https://gitea.daball.me/daball/dashersupply">View source</a>.</p>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>
<style is:global> <style is:global>
@ -60,6 +62,7 @@ const { title } = Astro.props;
background-color: #13151a !important; background-color: #13151a !important;
/* background-size: 224px; */ /* background-size: 224px; */
} }
/* body { min-width: 980px } */
code { code {
font-family: font-family:
Menlo, Menlo,
@ -71,9 +74,13 @@ const { title } = Astro.props;
Courier New, Courier New,
monospace; monospace;
} }
.footer-container {
margin: auto;
padding: 1rem;
min-width: 800px;
max-width: calc(100% - 2rem);
}
.footer { .footer {
margin-left: 2rem;
margin-right: 2rem;
/* border: 1px solid #23262d; */ /* border: 1px solid #23262d; */
border: none; border: none;
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%)); background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
@ -85,12 +92,14 @@ const { title } = Astro.props;
font-weight: 400; font-weight: 400;
font-size: 1.2em; font-size: 1.2em;
font-style: normal; font-style: normal;
width: 100%;
} }
.footer, .footer-header { .footer, .footer-header {
border-top-left-radius: 8px; border-top-left-radius: 8px;
border-top-right-radius: 8px; border-top-right-radius: 8px;
} }
.footer-header, .footer-content { .footer-header, .footer-content {
width: 100%;
padding: 1.5rem; padding: 1.5rem;
} }
.footer-header { .footer-header {