FIX: Improving responsive header and home #19

fabricadesoftware-ifc · Jul 11, 2024 · 86036c2 · 86036c2
1 parent 342f9ff
commit 86036c2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/src/components/header/DesktopHeader.vue b/src/components/header/DesktopHeader.vue
@@ -36,19 +36,22 @@ const templateStore = useTemplateStore()
     margin: 0px 150px;
 }
 
-@media (max-width:1200px) {
+@media (max-width:1450px) {
     .routers-desktop {
-        margin: 0px 100px;
+        margin: 0px 70px;
+    }
+    .header-desktop {
+        padding: 15px 130px;
     }
 }
 
-@media (max-width:1050px) {
+@media (max-width:1370px) {
     .routers-desktop {
         margin: 0px 50px;
     }
 
     .header-desktop {
-        padding: 15px 35px;
+        padding: 15px 110px;
     }
 }
 </style>
diff --git a/src/components/home/DefaultHome.vue b/src/components/home/DefaultHome.vue
@@ -49,4 +49,14 @@ const templateStore = useTemplateStore();
   background-color: #fff;
   background-image: -webkit-linear-gradient(-22deg, #fff 50%, #22262f 50%);
 }
+@media (max-width:1450px) {
+    .title{
+        padding-left:130px;
+    }
+}
+@media (max-width:1370px) {
+    .title{
+        padding-left:110px;
+    }
+}
 </style>