style: 공통 버튼 수정 및 footer 색 변경

SWEET-DEVELOPERS · Jan 11, 2024 · 36fe110 · 36fe110
1 parent 6f1567f
commit 36fe110
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/src/components/common/Button/Cta/fill/BtnFill.style.ts b/src/components/common/Button/Cta/fill/BtnFill.style.ts
@@ -5,6 +5,7 @@ export const Wrapper = styled.button`
 
   /* width: 33.5rem;
   padding: 1.5rem 8.1rem 1.6rem 8.1rem; */
+  border: none;
   gap: 1rem;
   border-radius: 5.5rem;
 

diff --git a/src/components/tournament/TournamentResult/TournamentResultFooter/TournamentResultFooter.tsx b/src/components/tournament/TournamentResult/TournamentResultFooter/TournamentResultFooter.tsx
@@ -3,14 +3,26 @@ import styled from 'styled-components';
 const TournamentResultFooter = () => {
   return (
     <TournamentResultFooterWrapper>
-      <BtnFill customStyle={{ width: '16.4rem' }}>다시하기</BtnFill>
-      <BtnFill customStyle={{ width: '16.4rem' }}>결과 제출하기</BtnFill>
+      <BtnFill
+        customStyle={{
+          width: '16.4rem',
+          background: '#FFF',
+          color: 'black',
+          border: '1px solid #FF2176',
+        }}
+      >
+        다시하기
+      </BtnFill>
+      <BtnFill customStyle={{ width: '16.4rem', background: '#FF2176' }}>결과 제출하기</BtnFill>
     </TournamentResultFooterWrapper>
   );
 };
 
-const TournamentResultFooterWrapper = styled.footer`
+const TournamentResultFooterWrapper = styled.div`
   display: flex;
+  justify-content: center;
+
+  gap: 0.8rem;
   height: 5.2rem;
 `;