fix: horizontal scrollbar

flornkm · Jan 25, 2024 · b94eb9e · b94eb9e · vercel · Jan 25, 2024
1 parent 567f02f
commit b94eb9e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/design-system/global.css b/design-system/global.css
@@ -127,11 +127,19 @@ a:focus {
 	border-radius: 10px;
 }
 
+.cta-gradient {
+	background: linear-gradient(90deg, rgba(252,252,252,1) 0%, rgba(244,244,245,1) 10%, rgba(244,244,245,1) 90%, rgba(252,252,252,1) 100%);
+}
+
 @media (prefers-color-scheme: dark) {
 	body {
 		background-color: #000;
 	}
 
+	.cta-gradient {
+		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(9,9,11,1) 50%, rgba(0,0,0,1) 100%);
+	}
+
 	.custom-scrollbar::-webkit-scrollbar-thumb {
 		background-color: #71717a;
 	}

diff --git a/pages/index/+Page.tsx b/pages/index/+Page.tsx
@@ -25,8 +25,8 @@ export default function Page({ projects }: { projects: any[] }) {
         <Letters />
       </section>
       <section class="w-full relative h-full mb-24 lg:mb-0">
-        <div class="w-screen overflow-hidden relative left-1/2 -translate-x-1/2 inset-0 py-16 bg-zinc-100 dark:bg-zinc-900 h-full border-y border-y-zinc-200 dark:border-y-zinc-800">
-          <div class="w-full relative max-w-screen-lx mx-auto md:px-10 px-6 z-10">
+        <div class="2xl:w-[99vw] md:w-[98vw] w-[97vw] overflow-hidden relative left-1/2 -translate-x-1/2 inset-0 py-16 bg-zinc-100 dark:bg-zinc-950 h-full border-y border-y-zinc-200 dark:border-zinc-900 cta-gradient">
+          <div class="w-full relative max-w-screen-lx mx-auto md:px-10 px-12 z-10">
             <h2 class="text-xl font-semibold leading-snug mb-4">
               Join my personal waitlist
             </h2>