zepp/emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add class to Image components

Browse Source 
adjust height and width to 24px
adjust vertical-align to sub to align with text
in header
This commit is contained in:
emma 2025-02-20 00:13:27 -05:00
parent e884545530
commit ce4cdfb0a1
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Header.astro
View File

@ -14,7 +14,7 @@ const biPrideBlue = "#0038a8";
<header> <header>
<span class="logo"> <span class="logo">
{pageTitle} <Image src={redHeartFlat} alt="a red heart meant to symbolize love" /> {pageTitle} <Image class="header-heart" src={redHeartFlat} alt="a red heart meant to symbolize love" />
</span> </span>
<span class="motto"> <span class="motto">
{motto} {motto}
@ -69,6 +69,12 @@ const biPrideBlue = "#0038a8";
letter-spacing: 0.05rem; letter-spacing: 0.05rem;
} }
.header-heart {
height: 24px;
width: 24px;
vertical-align: sub;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
header { header {
background-color: var(--backgroundColorNightMode); background-color: var(--backgroundColorNightMode);