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

footer adjustment (firefox)

Browse Source
This commit is contained in:
zepp 2025-03-12 05:08:17 -04:00
parent 561fec884d
commit a536e3663f
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer.astro
View File

@ -12,9 +12,8 @@ const backgroundColorNightMode = "#240046";
<style define:vars={{backgroundColor, backgroundColorNightMode}}> <style define:vars={{backgroundColor, backgroundColorNightMode}}>
footer { footer {
background-color: var(--backgroundColor); background-color: var(--backgroundColor);
grid-row: 3/4; grid-row: -1;
grid-column: 1/3; grid-column: 1/3;
align-self: end;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -25,6 +24,7 @@ const backgroundColorNightMode = "#240046";
font-family: system-ui; font-family: system-ui;
font-size: 1.3rem; font-size: 1.3rem;
letter-spacing: 0.05rem; letter-spacing: 0.05rem;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {

2
src/styles/global.css
View File

@ -28,7 +28,7 @@ body {
background-image: url("/flowers.png"); background-image: url("/flowers.png");
display: grid; display: grid;
grid-template-columns: 25vw 50vw 25vw; grid-template-columns: 25vw 50vw 25vw;
grid-template-rows: 10vh 100% 18.5vh; grid-template-rows: 10vh 100% 10vh;
row-gap: 5vh; row-gap: 5vh;
color: var(--text-color); color: var(--text-color);
} }