Add favicon, improve styles for header

id-andyyy · Aug 4, 2024 · dc61d48 · dc61d48
1 parent 7c063dc
commit dc61d48
Show file tree

Hide file tree

Showing 6 changed files with 41 additions and 25 deletions.
diff --git a/docs/css/style.css b/docs/css/style.css
diff --git a/docs/img/favicon.svg b/docs/img/favicon.svg
diff --git a/docs/index.html b/docs/index.html
diff --git a/src/html/index.html b/src/html/index.html
@@ -5,6 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Психолог Татьяна Обрезкова</title>
+  <link rel="icon" href="./img/favicon.svg" type="image/svg+xmln">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
   <link rel="stylesheet" href="./css/style.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">

diff --git a/src/img/favicon.svg b/src/img/favicon.svg
diff --git a/src/scss/blocks/_header.scss b/src/scss/blocks/_header.scss
@@ -144,41 +144,38 @@
 
   &__item {
     text-align: center;
-
-    & a {
-      position: relative;
-
-      &::before {
-        content: "";
-        position: absolute;
-        width: 100%;
-        height: 1.5px;
-        background-color: $main-color;
-        bottom: -2.5px;
-        left: 0;
-        transform-origin: right;
-        transition: transform 0.3s ease-in-out;
-        transform: scaleX(0);
-      }
-      @media (hover: hover) {
-        &:hover::before {
-          transform-origin: left;
-          transform: scaleX(1);
-        }
-      }
-    }
   }
 
   &__link {
     font-size: 16px;
     font-weight: 500;
     color: $main-color;
     transition: all 0.2s;
+    position: relative;
 
     @include laptop {
       color: $light-color;
       font-size: 30px;
     }
+
+    &::before {
+      content: "";
+      position: absolute;
+      width: 100%;
+      height: 1.3px;
+      background-color: $main-color;
+      bottom: -2.5px;
+      left: 0;
+      transform-origin: right;
+      transition: transform 0.3s ease-in-out;
+      transform: scaleX(0);
+    }
+    @media (hover: hover) {
+      &:hover::before {
+        transform-origin: left;
+        transform: scaleX(1);
+      }
+    }
   }
 }