feat: layout

Signed-off-by: Innei <i@innei.in>
Innei · Jul 3, 2023 · bb46cf5 · bb46cf5 · vercel · Jul 3, 2023
1 parent 6fc8f10
commit bb46cf5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/components/layout/container/Normal.tsx b/src/components/layout/container/Normal.tsx
@@ -8,7 +8,8 @@ export const NormalContainer: Component = (props) => {
   return (
     <div
       className={clsxm(
-        'mx-auto mt-14 max-w-3xl px-2 lg:mt-[120px] lg:px-0 2xl:max-w-4xl',
+        'mx-auto mt-14 max-w-3xl px-2 lg:mt-[80px] lg:px-0 2xl:max-w-4xl',
+        '[&_header.prose]:mb-[80px]',
         className,
       )}
     >

diff --git a/src/components/layout/container/Wider.tsx b/src/components/layout/container/Wider.tsx
@@ -6,7 +6,8 @@ export const WiderContainer: Component = (props) => {
   return (
     <div
       className={clsxm(
-        'mx-auto mt-14 max-w-5xl px-2 lg:mt-[120px] lg:px-0 2xl:max-w-6xl',
+        'mx-auto mt-14 max-w-5xl px-2 lg:mt-[80px] lg:px-0 2xl:max-w-6xl',
+        '[&_header.prose]:mb-[80px]',
         className,
       )}
     >

diff --git a/src/components/ui/transition/BottomToUpTransitionView.tsx b/src/components/ui/transition/BottomToUpTransitionView.tsx
@@ -4,11 +4,16 @@ import { createTransitionView } from './factor'
 
 export const BottomToUpTransitionView = createTransitionView({
   from: {
-    translateY: 50,
+    y: 50,
     opacity: 0.001,
   },
   to: {
-    translateY: 0,
+    y: 0,
     opacity: 1,
   },
+  preset: {
+    type: 'spring',
+    damping: 10,
+    stiffness: 100,
+  },
 })