fix:css font border (ilPhil#244)

rebecca-xm · Feb 25, 2022 · fac02d1 · fac02d1
1 parent 0a847aa
commit fac02d1
Show file tree

Hide file tree

Showing 21 changed files with 308 additions and 272 deletions.
diff --git a/src/Pages/Likes/Likes.module.scss b/src/Pages/Likes/Likes.module.scss
@@ -28,6 +28,8 @@
   .likesContainer {
     flex-grow: 1;
     .title {
+      color: darken($mainLightBlue, 30);
+
       display: inline-block;
       margin: 0 30px;
     }

diff --git a/src/Pages/Likes/index.jsx b/src/Pages/Likes/index.jsx
@@ -7,7 +7,7 @@ import PlaceHolder from "../../components/PlaceHolder";
 import Footer from "../../components/Footer/Footer";
 
 const Likes = () => {
-  const user = useSelector(state => state.user);
+  const user = useSelector((state) => state.user);
   const dispatch = useDispatch();
 
   const [dataLikes, setDataLikes] = useState({ data: [], isRoom: null });

diff --git a/src/Pages/Matches/Matches.module.scss b/src/Pages/Matches/Matches.module.scss
@@ -5,6 +5,8 @@
   padding-top: 10px;
   padding-bottom: 100px;
   min-height: calc(100vh - 165px);
+  color: darken($mainLightBlue, 30);
+
   .separator {
     width: 80%;
     height: 1px;

diff --git a/src/Pages/Profile/Profile.module.scss b/src/Pages/Profile/Profile.module.scss
@@ -50,8 +50,9 @@
     }
 
     .charsetContainer {
+      color: darken($mainLightBlue, 30);
+
       max-width: 400px;
-      border: 2px solid #b9d1e0;
       border-radius: 21px;
       margin: 40px 0;
       box-shadow: 0 3px 13px rgb(0 0 0 / 25%);
@@ -60,14 +61,12 @@
         font-weight: 400;
         font-size: 14px;
         font-weight: bold;
-        color: $mainLightBlue;
       }
       .charSet {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-wrap: wrap;
-        color: #6fa0bf;
 
         .char {
           display: flex;

diff --git a/src/Pages/RoomDetails/RoomDetails.module.scss b/src/Pages/RoomDetails/RoomDetails.module.scss
@@ -3,6 +3,9 @@
 .main {
   padding: 0 20px;
   overflow-y: auto;
+  color: darken($mainLightBlue, 30);
+  margin-bottom: 60px;
+
   .btnSet {
     display: flex;
     flex-direction: column;
@@ -71,16 +74,14 @@
     font-weight: 400;
     font-size: 14px;
     font-weight: bold;
-    color: $mainLightBlue;
-    border: 2px solid $mainLightBlue;
     border-radius: $radiusDiv;
     box-shadow: 0 3px 13px rgba(0, 0, 0, 0.25);
     padding: 20px;
     max-width: 840px;
     span {
       margin: 0 10px;
       align-items: center;
-      color: black;
+      color: darken($mainLightBlue, 30);
       font-weight: normal;
       svg {
         font-size: 14px;
@@ -92,9 +93,9 @@
     flex-wrap: wrap;
     justify-content: center;
     .charsetContainer {
+      border: 2px solid rgba(0, 0, 255, 0);
       max-width: 400px;
       margin: 20px;
-      border: 2px solid $mainLightBlue;
       border-radius: $radiusDiv;
       box-shadow: 0 3px 13px rgba(0, 0, 0, 0.25);
 
@@ -103,7 +104,6 @@
         font-weight: 400;
         font-size: 14px;
         font-weight: bold;
-        color: $mainLightBlue;
       }
       .charSet {
         display: flex;
@@ -130,7 +130,6 @@
         }
         .charNum {
           margin-right: 5px;
-          color: $mainLightBlue;
           font-size: $smallSize;
           font-weight: bold;
         }
@@ -151,13 +150,11 @@
     max-width: 840px;
     padding: 20px;
     margin: 20px auto;
-    border: 2px solid $mainLightBlue;
     border-radius: $radiusDiv;
     box-shadow: 0 3px 13px rgba(0, 0, 0, 0.25);
     p {
       margin-bottom: 10px;
       font-weight: bold;
-      color: $mainLightBlue;
     }
   }
   .likes {
@@ -188,4 +185,7 @@
       cursor: pointer;
     }
   }
+  .footer {
+    margin-top: 50px;
+  }
 }