fix index size

inkrosetta · Jul 1, 2022 · 18007dd · 18007dd
1 parent 9bef071
commit 18007dd
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/src/app.css.ts b/src/app.css.ts
@@ -32,6 +32,7 @@ globalStyle(
     width: '100vw',
     overflowX: 'hidden',
     scrollSnapType: 'y mandatory',
+    scrollSnapAlign: 'center',
   },
 )
 

diff --git a/src/lib/blocks/IndexBlock/IndexBlock.css.ts b/src/lib/blocks/IndexBlock/IndexBlock.css.ts
@@ -3,13 +3,14 @@ import {colors} from '../../styles/colors'
 
 export const logoContainer = style({
   position: 'absolute',
-  top: '-25vw',
-  left: '-50vw',
-  width: '200vw',
-  height: '200vw',
+  top: '-15%',
+  left: '50%',
+  width: '100vh',
+  height: '100vh',
   backgroundColor: colors['Dark Lava Light'],
   boxShadow: `0 0 3px ${colors['Dark Lava Light']}`,
-  borderRadius: '200vw',
+  transform: 'translate3d(-50%, 0, 0)',
+  borderRadius: '100vh',
   zIndex: 1,
 })
 

diff --git a/src/lib/components/Footer/Footer.css.ts b/src/lib/components/Footer/Footer.css.ts
@@ -2,9 +2,12 @@ import {style} from '@vanilla-extract/css'
 import {colors} from '../../styles/colors'
 
 export const footer = style({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'end',
   padding: '3rem 1rem',
   color: colors.White,
-  backgroundColor: colors['Dark Lava'],
+  background: `linear-gradient(to bottom, ${colors['Dark Lava Light']}, ${colors['Dark Lava']})`,
 })
 
 export const title = style({

diff --git a/src/lib/components/Footer/Footer.svelte b/src/lib/components/Footer/Footer.svelte
@@ -8,6 +8,6 @@
   </h5>
 
   <h6 class={subtitle}>
-    2022 總統盃 黑客松 參賽隊伍 文譯之間
+    2022 總統盃黑客松 參賽隊伍 文譯之間
   </h6>
 </footer>