fix: 圖片在桌機沒顯示

sexyoung · Sep 1, 2023 · d6d8c58 · d6d8c58
1 parent 04b0f45
commit d6d8c58
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/app/components/CuringSubPage.tsx b/app/components/CuringSubPage.tsx
@@ -80,7 +80,7 @@ const CuringSubPage = (props: CuringSubPageProps) => {
       <div className="cp-left-block">
         <div className="cp-title">
           <div
-            className="mx-auto h-[100px] w-[180px] bg-contain bg-center bg-no-repeat lg:h-full"
+            className="mx-auto h-[100px] w-[180px] bg-contain bg-center bg-no-repeat lg:h-[auto]"
             style={{
               backgroundImage: `url(${titleImage[index]})`,
             }}

diff --git a/app/styles/curing.css b/app/styles/curing.css
@@ -29,10 +29,12 @@
   color: #857162;
   position: relative;
   margin-bottom: 40px;
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center center;
-  @apply rounded-3xl bg-[#c3ff73] text-center lg:flex lg:text-left;
+  @apply rounded-3xl
+  bg-[#c3ff73]
+    p-3
+    text-center
+    lg:flex
+    lg:text-left;
 }
 
 .cp-title-text {