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

adjust footer position (firefox)

Browse Source
This commit is contained in:
zepp 2025-03-12 04:46:57 -04:00
parent 5df3b4dc2c
commit 561fec884d
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Footer.astro
View File

@ -14,6 +14,7 @@ const backgroundColorNightMode = "#240046";
background-color: var(--backgroundColor); background-color: var(--backgroundColor);
grid-row: 3/4; grid-row: 3/4;
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;

12
src/layouts/BasicLayout.astro
View File

@ -17,12 +17,12 @@ const { pageTitle } = Astro.props;
<body> <body>
<Header /> <Header />
<Navigation /> <Navigation />
<main> <main>
<section> <section>
<h1>{pageTitle}</h1> <h1>{pageTitle}</h1>
<slot /> <slot />
</section> </section>
</main> </main>
<WidgetBar /> <WidgetBar />
<Footer /> <Footer />
</body> </body>

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% 10vh; grid-template-rows: 10vh 100% 18.5vh;
row-gap: 5vh; row-gap: 5vh;
color: var(--text-color); color: var(--text-color);
} }