Deploy Version 1.1

sprint-team3 · Apr 4, 2024 · f6bc14b · f6bc14b
2 parents 30317f9 + b06c67f
commit f6bc14b
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 3 deletions.
diff --git a/public/images/card-default-border.png b/public/images/card-default-border.png
diff --git a/public/images/card-default-border.webp b/public/images/card-default-border.webp
diff --git a/public/images/card-gradient-black.png b/public/images/card-gradient-black.png
diff --git a/public/images/card-gradient-black.webp b/public/images/card-gradient-black.webp
diff --git a/src/components/landing/MatchTeam/MatchCards.module.scss b/src/components/landing/MatchTeam/MatchCards.module.scss
@@ -8,6 +8,16 @@
   }
 }
 
+@keyframes shrink-card {
+  from {
+    width: 48.6rem;
+  }
+
+  to {
+    width: 21.5rem;
+  }
+}
+
 .match-cards {
   @include flexbox($gap: 2.4rem);
 
@@ -26,6 +36,10 @@
   max-width: 120rem;
 
   .card {
+    @include responsive(PC) {
+      animation: shrink-card 0.3s linear forwards;
+    }
+
     position: relative;
 
     display: block;
@@ -113,7 +127,7 @@
         width: 100%;
         height: 100%;
 
-        background: url('/images/card-gradient-black.webp') no-repeat center/cover;
+        background: url('/images/card-gradient-black.png') no-repeat center/cover;
       }
     }
 
@@ -131,7 +145,7 @@
         width: 100%;
         height: 100%;
 
-        background: url('/images/card-default-border.webp') no-repeat center/cover;
+        background: url('/images/card-default-border.png') no-repeat center/cover;
       }
     }
 

diff --git a/src/utils/getDate.ts b/src/utils/getDate.ts
@@ -21,7 +21,10 @@ export const isExpirationDate = (date: string | Date, endTime: string) => {
  * @returns 'YYYY-MM-DD'
  */
 export const getFormatDate = (date: string | Date) => {
-  return dayjs(date).format('YYYY-MM-DD');
+  extend(utcPlugin);
+  extend(timezone);
+
+  return dayjs(date).utc().tz('America/New_York').format('YYYY-MM-DD');
 };
 
 export const getDayPickerFormatDate = (originalDate: Date) => {