fix footer, header logo

ekaterinburgdev · Aug 12, 2023 · b4a6bfe · b4a6bfe · ekbdev · Aug 12, 2023
1 parent 39bed45
commit b4a6bfe
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 15 deletions.
diff --git a/client/components/MainPage/Card/CardDynamic/CardTrafficJams.module.css b/client/components/MainPage/Card/CardDynamic/CardTrafficJams.module.css
@@ -22,20 +22,14 @@
 .CardTrafficLight_Green {
     color: white;
     background-image: url("/icons/traffic-light_green.svg");
-    background-color: #F5FBF5;
-    box-shadow: 0 0 0 500px #F5FBF5;
 }
 
 .CardTrafficLight_Yellow {
     color: #141D34;
-    background-color: #fcf9e5;
-    box-shadow: 0 0 0 500px #fcf9e5;
     background-image: url("/icons/traffic-light_yellow.svg");
 }
 
 .CardTrafficLight_Red {
     color: white;
     background-image: url("/icons/traffic-light_red.svg");
-    background-color: #FEF6F6;
-    box-shadow: 0 0 0 500px #FEF6F6;
 }
diff --git a/client/components/MainPage/MainPage.module.css b/client/components/MainPage/MainPage.module.css
@@ -2,7 +2,6 @@
     display: flex;
     justify-content: center;
     overflow: hidden;
-    background: url(./Footer.svg) repeat-x center bottom;
     background-size: 150% auto;
     padding-bottom: 22vw;
 }
@@ -18,18 +17,18 @@
     display: flex;
     align-items: center;
     margin-top: 0.15em;
-    margin-bottom: .8em;
+    margin-bottom: 80px;
     color: #123;
     font-weight: 500;
-    font-size: min(8vw, 176px);
+    font-size: min(8vw, 80px);
     line-height: 1;
 }
 
 .MainPageLogo svg {
     flex-shrink: 0;
-    width: 2.25em;
-    height: 2.25em;
-    margin-right: .25em;
+    width: 160px;
+    height: 160px;
+    margin-right: 46px;
 }
 
 .MainPageTitle {
@@ -74,6 +73,19 @@
     }
 }
 
+@media screen and (max-width: 1000px) {
+    .MainPageLogo svg {
+        width: 60px;
+        height: 60px;
+        margin-right: 8px;
+    }
+
+    .MainPageLogo {
+        font-size: 20px;
+        margin-bottom: 32px;
+    }
+}
+
 
 @media screen and (min-width: 1200px) {
     .MainPageCardGrid {

diff --git a/client/components/MainPage/MainPage.tsx b/client/components/MainPage/MainPage.tsx
@@ -32,7 +32,7 @@ export function MainPage({ cards, cardsDynamicData, marqueeItems }: MainPageType
             <div className={cn(styles.MainPageInner)}>
                 <div className={cn(styles.MainPageLogo)}>
                     <Logo />
-                    <h1 className={cn(styles.MainPageTitle)}>Транспорт Екатеринбурга</h1>
+                    <h1 className={cn(styles.MainPageTitle)}>Транспорт<br/>Екатеринбурга</h1>
                 </div>
 
                 <div className={styles.MainPageCardGrid}>
@@ -57,8 +57,6 @@ export function MainPage({ cards, cardsDynamicData, marqueeItems }: MainPageType
 
                 <Marquee items={marqueeItems.map(({ attributes: { message } }) => message)} />
             </div>
-
-            <div className={styles.MainPageFooter}></div>
         </div>
     );
 }
diff --git a/client/styles/colors.css b/client/styles/colors.css
@@ -15,6 +15,8 @@
     --tram-translucent: #ed9f74;
     --troll: #00b4ff;
     --troll-translucent: #80d9ff;
+
+    --card-automobiles-bgr: #fef6f6;
 }
 
 /* TODO: dark theme */