Add responsive effect in shared header MD

2026-04-18 20:47:54 +00:00 · 2020-12-29 10:17:34 +01:00
parent 5d7f0d08be
commit ea89cb205a
2 changed files with 54 additions and 39 deletions
@@ -1,28 +1,31 @@
-.div-top-header{
-    width: 400px;
-    margin: 0 auto;
-    background-color: #0782c9;
-    overflow: auto;
-    padding-top: 15px;
-    border: 0!important;
+@import '~src/function.scss';

-    .div-search{
-      font-size: 45px;
-      float: left;
-      margin: 0 0 0 10px
-    }
-    .div-logo{
-      background: transparent;
-      width: 140px;
-      margin: 5px 0 0px 71px;
-      float: left;
-    }
-    .div-logo img{
-      width: 100%;
-    }
-    .div-profile{
-      font-size: 45px;
-      float: right;
-      margin-right: 10px;
-    }
-  }
+.div-top-header{
+  margin: 0 auto;
+  background-color: #0782c9;
+  overflow: auto;
+  padding-top: 15px;
+  border: 0!important;
+
+  .div-search{
+    font-size: 45px;
+    margin: 0 0 0 10px
+  }
+  .div-logo{
+    background: transparent;
+    width: em(140px);
+    margin: 0px auto;
+    margin-top: 5px;
+    justify-content: center;
+    display: flex;
+  }
+  .div-logo img{
+    width: 100%;
+    margin: 0px auto;
+  }
+  .div-profile{
+    font-size: 45px;
+    float: right;
+    margin-right: 10px;
+  }
+}