Better align theme picker
This commit is contained in:
parent
35ac0d3bd8
commit
c39c4d7f8a
4 changed files with 18 additions and 13 deletions
|
|
@ -13,7 +13,6 @@
|
|||
<body>
|
||||
<div class="drop-shadow">
|
||||
<header>
|
||||
<hr>
|
||||
<strong>elladunbar.com</strong>
|
||||
<label>
|
||||
Theme Picker
|
||||
|
|
@ -79,7 +78,6 @@
|
|||
<hr>
|
||||
<p>Ella Dunbar | Updated on 2025-10-18 | <a href="https://git.elladunbar.com/ella/elladunbar.com">Source</a> |
|
||||
Contact: web [at] elladunbar.com</p>
|
||||
<hr>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -108,7 +108,7 @@ body {
|
|||
.drop-shadow {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
min-height: 100lvh;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -134,21 +134,32 @@ html {
|
|||
header {
|
||||
background: var(--color-header-footer);
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
|
||||
hr {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
|
||||
strong {
|
||||
margin: 0.5rem;
|
||||
margin: 0 auto 0 0.5rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin: 0.5rem 0.5rem 0;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin: 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
background: var(--color-header-footer);
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.8rem;
|
||||
|
||||
p {
|
||||
margin: 0.5rem;
|
||||
|
|
@ -163,10 +174,6 @@ main {
|
|||
flex: 1;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
/* textual */
|
||||
h1 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue