fix: Поправила отступы, кегли, лого

ekaterinburgdev · Aug 23, 2023 · 704b6c3 · 704b6c3 · ekbdev · Aug 23, 2023
1 parent 6afa51d
commit 704b6c3
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 33 deletions.
diff --git a/client/components/MainPage/Card/CardDynamic/CardTrafficJams.module.css b/client/components/MainPage/Card/CardDynamic/CardTrafficJams.module.css
@@ -7,16 +7,15 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    width: 110px;
-    width: 1.9em;
-    height: 1.7em;
-    padding-top: 0.1em;
+    width: 2em;
+    height: 1.8em;
+    padding-top: 0.15em;
     padding-left: 0.25em;
     background-position: right bottom;
     background-size: contain;
     background-repeat: no-repeat;
     font-weight: 500;
-    font-size: clamp(48px, 5vw, 100px);
+    font-size: clamp(48px, 4vw, 100px);
 }
 
 .CardTrafficLight_Green {

diff --git a/client/components/MainPage/MainPage.module.css b/client/components/MainPage/MainPage.module.css
@@ -8,41 +8,33 @@
 
 .MainPageInner {
     width: 100%;
-    max-width: 1980px;
+    max-width: 1100px;
     margin: auto;
     padding: 2vmax 2vmax 4vmax;
 }
 
 .MainPageLogo {
     display: flex;
     align-items: center;
+    margin-top: 1em;
+    margin-bottom: 1.3em;
     color: #123;
+    font-size: min(8vw, 176px);
     line-height: 1;
-    /*margin-top: 0.15em;*/
-    /*margin-bottom: 80px;*/
-    /*font-weight: 500;*/
-    /*font-size: min(8vw, 80px);*/
-
-    font-size: 20px;
-    margin-bottom: 32px;
-    margin-top: 20px;
     justify-content: center;
     font-weight: 400;
 }
 
 .MainPageLogo svg {
-    width: 60px;
-    height: 60px;
-    margin-right: 8px;
     flex-shrink: 0;
-    /*width: 160px;*/
-    /*height: 160px;*/
-    /*margin-right: 46px;*/
+    width: 2em;
+    height: 2em;
+    margin-right: .25em;
 }
 
 .MainPageTitle {
-    font-size: 1em;
-    font-weight: 500;
+    font-size: .67em;
+    font-weight: 400;
     margin: 0;
     margin-bottom: 0.4vw;
 }
@@ -79,18 +71,10 @@
     .MainPage {
         background-size: 100% auto;
     }
-}
 
-@media screen and (min-width: 1200px) {
-    .MainPageCardGrid {
-        grid-template-columns: repeat(3,1fr);
-    }
-
-    .MainPageLogo svg {
-        width: 160px;
-        height: 160px;
-        margin-right: 46px;
-        flex-shrink: 0;
+    .MainPageTitle {
+        font-weight: 500;
+        font-size: 1em;
     }
 
     .MainPageLogo {
@@ -102,6 +86,18 @@
     }
 }
 
+@media screen and (min-width: 1200px) {
+    .MainPageCardGrid {
+        grid-template-columns: repeat(3,1fr);
+    }
+
+    .MainPageLogo svg {
+        width: 2em;
+        height: 2em;
+        margin-right: 46px;
+        flex-shrink: 0;
+    }
+}
 
 @media screen and (min-width: 1440px) {
     .MainPageCardGrid {