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 22eb644ad3
1 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/layouts/Layout.astro
View File

@ -28,6 +28,7 @@ const { title } = Astro.props;
</head>
<body>
<slot />
<div class="footer-container">
<div class="footer">
<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>
@ -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>
</div>
</div>
</div>
</body>
</html>
<style is:global>
@ -71,9 +73,15 @@ const { title } = Astro.props;
Courier New,
monospace;
}
.footer-container {
display: flex;
justify-content: center;
width: 100%;
flex-grow: 1;
padding-left: 2rem;
padding-right: 2rem;
}
.footer {
margin-left: 2rem;
margin-right: 2rem;
/* border: 1px solid #23262d; */
border: none;
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
@ -85,12 +93,15 @@ const { title } = Astro.props;
font-weight: 400;
font-size: 1.2em;
font-style: normal;
/* width: 100%; */
flex-grow: 1;
}
.footer, .footer-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.footer-header, .footer-content {
width: 100%;
padding: 1.5rem;
}
.footer-header {