fix: home section background css

Resolve #31
hyochan · May 2, 2024 · 12dd415 · 12dd415
1 parent 2a5296a
commit 12dd415
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/app/[lang]/(home)/Hero/index.tsx b/app/[lang]/(home)/Hero/index.tsx
@@ -96,7 +96,7 @@ function Hero({t, statsInfo}: Props): ReactElement {
   return (
     <div
       className={clsx(
-        'self-stretch bg-cover',
+        'self-stretch bg-paper',
         'flex flex-col justify-center items-center',
         'max-[425px]:p-0',
       )}

diff --git a/app/[lang]/(home)/Home.tsx b/app/[lang]/(home)/Home.tsx
@@ -26,7 +26,7 @@ function Home({t, statsInfo}: Props): ReactElement {
   initAmplitude();
 
   return (
-    <div className={clsx('flex-1 w-screen bg-paper', 'flex flex-col')}>
+    <div className={clsx('flex-1 w-screen', 'flex flex-col')}>
       <Hero t={t} statsInfo={statsInfo} />
       <SectionHowItWorks t={t} />
       <SectionFooter t={t} />

diff --git a/styles/output.css b/styles/output.css
@@ -1711,6 +1711,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-red1 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 44 44 / var(--tw-bg-opacity));
+}
+
 .bg-cover {
   background-size: cover;
 }