From 63cbb4566d9833d66f73f8f6c7b49db7883980d2 Mon Sep 17 00:00:00 2001
From: ljh0608 <m98m@naver.com>
Date: Sun, 25 Aug 2024 00:02:18 +0900
Subject: [PATCH] =?UTF-8?q?design:=20quecard=20=EB=B2=84=ED=8A=BC=EB=9E=98?=
 =?UTF-8?q?=ED=8D=BC=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cueCard/CueCard.tsx | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/pages/cueCard/CueCard.tsx b/src/pages/cueCard/CueCard.tsx
index 7c98975d..db5b5519 100644
--- a/src/pages/cueCard/CueCard.tsx
+++ b/src/pages/cueCard/CueCard.tsx
@@ -2,6 +2,7 @@ import { useRef } from 'react';
 
 import Button from 'components/common/atomComponents/Button';
 import Text from 'components/common/atomComponents/Text';
+import BottomBtnSection from 'components/common/moleculesComponents/BottomBtnSection';
 import Header from 'components/common/moleculesComponents/Header';
 import html2canvas from 'html2canvas';
 import CueCardTitle from 'pages/cueCard/components/CueCardTitle';
@@ -32,7 +33,7 @@ function CueCard() {
       <Header position={'cueCard'} />
       <CueCardTitle main={'일정 조율 완료!'} sub={'이미 확정된 회의 일정입니다'} />
       <Qcard ref={imageRef} />
-      <ButtonSection>
+      <BottomBtnSection>
         <CopyToClipboard text={currentURL}>
           <Button typeState={'halfTertiaryActive'} onClick={notify}>
             <Text font={'button2'}>링크 복사하기</Text>
@@ -47,7 +48,7 @@ function CueCard() {
         >
           <Text font={'button2'}>이미지 저장하기</Text>
         </Button>
-      </ButtonSection>
+      </BottomBtnSection>
     </CueCardWrapper>
   );
 }
@@ -62,12 +63,3 @@ const CueCardWrapper = styled.div`
 
   width: 100%;
 `;
-
-const ButtonSection = styled.section`
-  display: flex;
-  position: fixed;
-  bottom: 1.2rem;
-  flex-direction: row;
-  gap: 1.4rem;
-  justify-content: center;
-`;