TRI-283: end header + start adaptive 1400>

2024-11-20 01:38:34 +03:00
parent 4996d02f71
commit d83940b47d
27 changed files with 1883 additions and 208 deletions
--- a/static/css/moover/header.css
+++ b/static/css/moover/header.css
@@ -0,0 +1,99 @@
+.header {
+  margin-top: 0;
+  position: relative;
+  padding: 40px 5px;
+}
+
+@media (max-width: 991.98px) {
+  .header {
+    padding-top: 19px;
+    padding-bottom: 19px;
+  }
+}
+
+.header__grid, .header__list {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.header__logo {
+  width: 48px;
+  height: 48px;
+  position: relative;
+  left: 5px;
+}
+
+@media (max-width: 1304.98px) {
+  .header__logo {
+    left: 14px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .header__logo {
+    left: 0;
+  }
+}
+
+.header__nav {
+  flex-grow: 1;
+  max-width: 41%;
+  margin-left: auto;
+}
+
+@media (min-width: 1720px) {
+  .header__nav {
+    max-width: 34%;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .header__nav {
+    max-width: 46%;
+  }
+}
+
+.header__link {
+  color: var(--color-black2);
+  text-decoration: none;
+}
+
+.header__btn {
+  padding: 8px 0 6px;
+  font-size: 16px;
+  margin-left: 61px;
+  margin-right: -3px;
+}
+
+@media (min-width: 1720px) {
+  .header__btn {
+    margin-left: 81px;
+  }
+}
+
+@media (max-width: 1304.98px) {
+  .header__btn {
+    margin-right: -8px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .header__btn {
+    display: none;
+  }
+}
+
+.header .dropdown {
+  left: -4px;
+}
+
+.header .dropdown-content {
+  right: 0;
+  height: initial;
+}
+
+.header .dropdown img {
+  width: 25px;
+  height: 25px;
+}