fix: bg cover

42organization · Aug 30, 2024 · fb6f76f · fb6f76f
1 parent 3df92f4
commit fb6f76f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/components/agenda/agendaDetail/AgendaInfo.tsx b/components/agenda/agendaDetail/AgendaInfo.tsx
@@ -149,9 +149,9 @@ export default function AgendaInfo({
       <div
         className={`${styles.infoContainer} ${containerSize}`}
         style={{
-          background: `linear-gradient(0deg, #fff 6rem, rgba(0, 0, 0, 0) 10rem), url(${
+          background: `linear-gradient(0deg, #fff 7rem, rgba(0, 0, 0, 0) 10rem), url(${
             agendaData.agendaPosterUrl || '/image/agenda/42.jpg'
-          })`,
+          }) lightgray 50% / cover no-repeat`,
         }}
       >
         <div className={styles.infoWarp}>

diff --git a/components/agenda/utils/PageController.tsx b/components/agenda/utils/PageController.tsx
@@ -76,9 +76,9 @@ const PageController = ({
       <button
         className={styles.agendaInfoContainer}
         style={{
-          background: `linear-gradient(180deg, #fff 5rem, rgba(0, 0, 0, 0) 10rem), url(${
+          background: `linear-gradient(0deg, #fff 7rem, rgba(0, 0, 0, 0) 10rem), url(${
             data[current]?.agendaPosterUrl || '/image/agenda/42.jpg'
-          })`,
+          }) lightgray 50% / cover no-repeat`,
         }}
         onClick={(e) => {
           const target = e.target as HTMLElement;

diff --git a/styles/index.module.scss b/styles/index.module.scss
@@ -10,7 +10,6 @@
 
 .title {
   @include text(main-menu);
-  @include gridHidden(mobile);
   margin: 1rem 0 0 1.5rem;
   font-size: $font-size-l;
 }