Merge pull request #716 from snorose/style/#715-react-calendar-css

#715 [STYLE] 출석체크 캘린더 스타일 수정
snorose · Oct 20, 2024 · 299d1e5 · 299d1e5
2 parents 046be61 + e740658
commit 299d1e5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 16 deletions.
diff --git a/src/components/Calendar/Calendar.style.jsx b/src/components/Calendar/Calendar.style.jsx
@@ -5,19 +5,8 @@ import styled from 'styled-components';
 import 'react-calendar/dist/Calendar.css';
 
 export const StyledCalendar = styled(Calendar)`
-  // calendar
-  .react-calendar {
-    margin: 0 1.25rem;
-    background-color: rgba(95, 133, 191, 0.4);
-    border-radius: 0.3125rem;
-    border: none;
-  }
-
-  // navigation
   .react-calendar__navigation {
-    margin: 0; // 배경색 해결되면 삭제
-    /* background-color: rgba(95, 133, 191, 0.4); */
-    background-color: #2556a2;
+    margin: 0;
     border-radius: 0.3125rem 0.3125rem 0 0;
   }
 
@@ -52,9 +41,7 @@ export const StyledCalendar = styled(Calendar)`
   }
 
   .react-calendar__viewContainer {
-    padding-top: 1rem; // 배경색 해결되면 삭제
-    /* background-color: rgba(95, 133, 191, 0.4); */
-    background-color: #2556a2;
+    padding-top: 1rem;
     border-radius: 0 0 0.3125rem 0.3125rem;
   }
 

diff --git a/src/index.css b/src/index.css
@@ -117,7 +117,8 @@ ol {
   list-style: none;
 }
 
-a {
+a,
+abbr {
   color: inherit;
   text-decoration: none;
 }
@@ -188,6 +189,13 @@ code {
   z-index: 2;
 }
 
+.react-calendar {
+  margin: 0 1.25rem;
+  background-color: rgba(95, 133, 191, 0.4);
+  border-radius: 0.3125rem;
+  border: none;
+}
+
 @media screen and (max-width: 400px) {
   html {
     font-size: 14px;