Merge pull request #226 from Nexters/feature/preview-button

[운영배포] 공연 미리보기에서 앱에서 예매하기 버튼의 스타일링 수정
Nexters · Oct 22, 2024 · 5f4e79a · 5f4e79a
2 parents 9387972 + 0374d4e
commit 5f4e79a
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/apps/preview/src/pages/ShowPreviewPage/ShowPreviewPage.styles.ts b/apps/preview/src/pages/ShowPreviewPage/ShowPreviewPage.styles.ts
@@ -11,7 +11,7 @@ const ShowPreviewContainer = styled.div`
   position: relative;
   max-width: ${PREVIEW_MAX_WIDTH};
   margin: 0 auto;
-  padding-bottom: 56px;
+  padding-bottom: 76px;
   background-color: ${({ theme }) => theme.palette.mobile.grey.g95};
 `;
 
@@ -49,18 +49,17 @@ const ReservationButtonWrapper = styled.div`
   bottom: 0;
   display: flex;
   justify-content: center;
-  align-items: center;
   width: 100%;
   max-width: ${PREVIEW_MAX_WIDTH};
-  height: 64px;
-  padding: 0 20px;
+  height: 76px;
+  padding: 12px 20px 16px;
   background-color: ${({ theme }) => theme.palette.mobile.grey.g95};
   z-index: 99;
 
   &::before {
     content: '';
     position: absolute;
-    bottom: 64px;
+    bottom: 76px;
     left: 0;
     width: 100%;
     height: 16px;