Changed footer default alignment

Adjusted footer size on mobile
2025-09-16 10:24:24 +08:00 · 2025-09-16 10:24:10 +08:00
2 changed files with 12 additions and 6 deletions
--- a/fwt/styles/Footer.sass
+++ b/fwt/styles/Footer.sass
@ -1,3 +1,5 @@
+@use '/src/styles/breakpoint.sass' as view
+
 .footer
  padding: 1rem 0
  margin: 0 2rem
@ -5,3 +7,7 @@
  bottom: 0
  width: 100%
  opacity: 0.8
+  font-size: 1rem
+
+  @media only screen and (max-width: view.$tablet)
+    font-size: 0.75rem
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -20,15 +20,15 @@ import PA2 from '../../fwt/images/pat-alcala.webp'
    <Button edges="rounded" label="FWT Components" to="/next" />

    <Footer>
-      <Row content="right" gap={0.5}>
+      <Row content="center" gap={0.5}>
        <Image avif={PA1.src} webp={PA2.src} size={100} />
        <Copyright year="2025" name="Pat Alcala" />
      </Row>
    </Footer>
  </Page>
-</Layout>

-<style lang="sass">
+  <style lang="sass">
    h1
      color: #3377AC
-</style>
+  </style>
+</Layout>
Author	SHA1	Message	Date
Patrick Alvin Alcala	1496597085	Changed footer default alignment	2025-09-16 10:24:24 +08:00
Patrick Alvin Alcala	dc6301f61f	Adjusted footer size on mobile	2025-09-16 10:24:10 +08:00