замена логотипа в шапке. Правки стилей под новый логотип

Lapkipomoshi · May 13, 2024 · a5558a8 · a5558a8
1 parent 03b1dd3
commit a5558a8
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 23 deletions.
diff --git a/src/modules/Header/styles/header/__logo/header__logo.scss b/src/modules/Header/styles/header/__logo/header__logo.scss
@@ -1,10 +1,10 @@
 .header__logo {
-  width: 24px;
-  height: 24px;
+  width: 132px;
+  height: 40px;
   cursor: pointer;
 
   @media (min-width: 768px) {
-    width: 40px;
-    height: 40px;
+    width: 145px;
+    height: 55px;
   }
 }
diff --git a/src/modules/Header/styles/header/header.scss b/src/modules/Header/styles/header/header.scss
@@ -1,7 +1,7 @@
 .header {
   display: flex;
   width: 100%;
-  height: 48px;
+  min-height: 56px;
   padding: 12px 16px;
   justify-content: space-between;
   align-items: center;
@@ -11,11 +11,11 @@
 
   @media (min-width: 768px) {
     padding: 28px 44px;
-    height: 97px;
+    min-height: 97px;
   }
 
   @media (min-width: 1440px) {
     padding: 18px 132px;
-    height: 88px;
+    min-height: 88px;
   }
 }
diff --git a/src/modules/Header/svg/Paw.css b/src/modules/Header/svg/Paw.css
@@ -1,9 +1,10 @@
-.paw path {
+.paw {
   transition-duration: .5s;
   fill: var(--color-accent-base);
 }
 
-.paw:hover path {
+.paw:hover path:nth-child(1),
+.paw:hover path:nth-child(3) {
   fill: var(--color-accent-hover);
 }
 

diff --git a/src/modules/Header/svg/Paw.jsx b/src/modules/Header/svg/Paw.jsx
@@ -3,20 +3,64 @@ import './Paw.css';
 
 const Paw = ({ className }) => {
   return (
-    <svg className={`paw ${className}`} width='40' height='36' viewBox='0 0 40 36' fill='none' xmlns='http://www.w3.org/2000/svg'>
-      <path
-        d='M20.0006 15.5006C13.7967 15.5006 5.0006 25.0912 5.0006 31.1451C5.0006 33.8716 7.09513 35.5005
-      10.6053 35.5005C14.4209 35.5005 16.9404 33.5412 20.0006 33.5412C23.0873 33.5412 25.6139 35.5005 29.3959
-      35.5005C32.9061 35.5005 35.0006 33.8716 35.0006 31.1451C35.0006 25.0912 26.2045 15.5006 20.0006 15.5006ZM8.49435
-      14.5154C7.68185 11.8084 5.17872 10.0552 2.90372 10.599C0.628725 11.1427 -0.556432 13.7779 0.256068 16.4849C1.06857
-      19.192 3.57169 20.9451 5.84669 20.4013C8.12169 19.8576 9.30685 17.2224 8.49435 14.5154ZM15.1131 12.892C17.5303
-      12.256 18.7397 8.99039 17.8147 5.59821C16.8897 2.20602 14.1803 -0.0275742 11.7631 0.608363C9.34591 1.2443 8.13654
-      4.50993 9.06154 7.90211C9.98654 11.2943 12.6967 13.5287 15.1131 12.892ZM37.0967 10.5998C34.8217 10.056 32.3193
-      11.8091 31.5061 14.5162C30.6936 17.2232 31.8787 19.8584 34.1537 20.4021C36.4287 20.9459 38.9311 19.1927 39.7443
-      16.4857C40.5568 13.7787 39.3717 11.1435 37.0967 10.5998ZM24.8881 12.892C27.3053 13.5279 30.0147 11.2943 30.9397
-      7.90211C31.8647 4.50993 30.6553 1.24508 28.2381 0.608363C25.8209 -0.0283555 23.1115 2.20602 22.1865 5.59821C21.2615
-      8.99039 22.4709 12.256 24.8881 12.892Z'
-      />
+    <svg className={`paw ${className}`} width='145' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path fillRule='evenodd' clipRule='evenodd'
+        d='M37.5 54.7c2.1-.6 4.2-1.2 6.3-2l1-.4 1.8-1 2.2-1 2.4-1.6.3-.3c.3-.4.7-.6 1-.6.4-.5.6-1 1-1
+      .4-.3.6-.7.8-1l.3-.4 1.6-2.2c-.1-.4.3-.4.4-.7 0-.3.3-.5.5-.8l.7-1c.4-1.6 1.1-3 1.4-4.6l.7-3c.2-.4.4-1
+      .3-1.3a12 12 0 0 1-.3-2.5v-1.9L60
+      25c0-.9 0-1.8-.3-2.6S59 20.8 59
+      20c-.2-1.3-.7-2.4-1.3-3.6-.3-.7-.3-1.5-.9-2.2v-.4l-.1-.9-1.1-1.2-.5-.3c-.6-.5-1-1.1-1.6-1.5l-.7-.4c-.7-.6-1.5-1-2.3-1.5l-1.2-.7L46.7
+      6a2 2 0 0 1-.4-.2l-.8-.7c-.3-.2-.7-.2-1-.5-.8-.7-1.8-.8-2.9-1-.9
+      0-1.7-.3-2.5-.7l-2.2-.8-2.8-.8c-.4-.2-.8-.2-1.2-.2-1.3-.2-2.5-.6-3.8-.3h-.5l-.7-.2h-4.3l-.7.1c-.6.3-1.2.2-1.8.3-.6
+      0-1.2 0-1.9.2-.8.1-1.7.3-2.5.6l-2.1.5-1.7 1c-.7.3-1.3 1-2 1.2h-.1l-2.4 2c-.3.3-.8.5-1
+      .8-.2.7-1 .7-1.3 1.4-.5.3-.8.7-1.1 1.1l-.7.7-.8.8c-.5.9-1 1.7-1.3 2.6-.5 1.1-.8 2.2-1.1 3.3l-.5
+      2-.1 1c-.2 1-.5 1.9-.5 2.9l.2 4.2.2 2 .2 1.3c0 1.2.3 2.4.5 3.7.2.7.5 1.3.4 2 0 .1 0 .3.2.4.6 1
+      .7 2 .7 3.2-.1 1.2.2 2.4 1.1 3.3l1 1.1 1 .8.3.3c.6.7 1 1.5 1.6 2.1l.9.8 1.9 1.3c.4.3.7.7 1.3.7.2
+      0 .3.2.4.3l.7.4 1.9 1c.7.4 1.4 1 2.3 1.1l.2.1 1.6.8c.7.3 1.5.4 2.2.6h1.4c.9.2 1.8 0 2.6.3.2.1.5 0 .8
+      0h.5l1.5.1h3.3c1.2 0 2.3 0 3.5.2 1 0 2.1-.4 3.1-.6ZM12 10.2c0-.3.2-.5.4-.6 1-.5 1.8-1.2 3-1.6-.2.6-.4 1-.3
+      1.6 0 0-.2.4-.3.3-.6-.2-1 .3-1.5.3h-1.3Zm9.3 2.8-.5-.4c.2-.3.4-.4.7-.2.4.2.9.2 1.3.3l.7.2v.1h-2.2ZM45
+      15.3c.7.1 1.3.6 1.7 1.3L45 15.3Zm-28.6 3.5 1.1.8c-.6 0-1-.2-1.1-.8Zm3.5 2 .5.4c-.4 0-.4 0-.5-.4Zm27
+      1.2c-.3-.2-.6-.3-.9-.2-.5.3-.8 0-1.2-.3-.3-.3-.2-.7 0-1.1l1.4.6 1.6 1 .6.6-.1.2-1.4-.8Zm-44 8.6-.2-.6.3.2v.4h-.2ZM31
+      28.8h.5l5.1 2.4c-.8 0-4.6-1.6-5.6-2.4Zm-14.2 2.5v-.1l1.4.5c.2 0 .2.2 0 .7l-1.4-1.1Zm12.9 1c.7 0
+      1 .1.9.7l-1-.8ZM45 45.4c.3-.3.6-.8 1.3-.6l-1.3.7v-.1Zm-23 4.3c0-.3.2-.5.3-.7.4 0 .8.2 1.1.3l1
+      .3c-.6.3-1 .4-2.4.1Zm2.7 0c.6-.5.6-.5.9.2l-.9-.2Z' fill='#FF712C'/>
+      <path d='M30.1 26c-4.3 0-8 2.6-10 7-1.5 3.4-1.4 7 .3 8.7.9 1 2 1.4 3 1.4 1.7 0 3.2-1 4.6-1.8.8-.5 1.7-1
+      2.1-1 .5 0 1.4.5 2.2 1 1.4.8 2.9 1.7 4.5 1.7 1.2 0 2.2-.4 3-1.3 1.8-1.7 1.9-5.4.4-8.9a10.9
+      10.9 0 0 0-10-6.8Zm8.2 14.3a2 2 0 0 1-1.5.7c-1 0-2.3-.7-3.4-1.4s-2.2-1.3-3.3-1.3c-1 0-2.1.6-3.3
+      1.3-1 .7-2.3 1.5-3.3 1.5-.6 0-1.1-.3-1.6-.8-1-1-1.2-3.6.1-6.5.6-1.4 3-5.8 8.1-5.8s7.4 4 8.1 5.6c1.3
+      3 1.1 5.7.1 6.7ZM25.8 24.4h.6c2.3-.5 3.6-3.3 3-6.5-.6-2.8-2.5-4.9-4.6-4.9h-.6c-2.3.5-3.6 3.3-3 6.5.6
+      2.8 2.5 4.9 4.6 4.9ZM24.6 15h.2c1 0 2.2 1.3 2.5 3.3.5 2.1-.3 3.9-1.3 4h-.2c-1 0-2.1-1.2-2.5-3.2-.4-2.1.4-3.9
+      1.3-4ZM20.7 23.2a5.3 5.3 0 0 0-4-2.3c-.7 0-1.4.2-2 .6-1.6 1.2-1.7 4-.1 6.1 1 1.5 2.6 2.4 4
+      2.4.7 0 1.4-.2 2-.6 1.6-1.2 1.7-4 .1-6.2Zm-1.4 4.6a1 1 0 0 1-.7.2c-.7
+      0-1.7-.6-2.3-1.5-1-1.4-1-3-.3-3.4.2-.2.4-.2.7-.2.8 0 1.7.6 2.3 1.5 1 1.4 1 2.9.3 3.4ZM33.8 24.3h.7c2 0
+      4-2 4.5-4.8.6-3.2-.7-6-3-6.4h-.6c-2 0-4 2-4.5 4.8-.6 3.2.7 6 3 6.4Zm-1-6c.5-2 1.7-3.3
+      2.6-3.3h.2c1 .2 1.8 2 1.4 4.1-.4 2-1.6 3.3-2.5 3.3h-.2c-1-.2-1.8-2-1.4-4.1ZM45.5
+      21.5c-.6-.4-1.2-.6-2-.6-1.4 0-3 .9-4 2.3-1.6 2.2-1.5 5 .2 6.2.5.4 1.2.6 1.9.6 1.5 0
+      3-.9 4-2.4 1.6-2.2 1.6-4.9-.1-6.1Zm-1.5 5c-.7 1-1.6 1.5-2.4 1.5a1 1 0 0 1-.6-.2c-.7-.5-.8-2 .2-3.4.7-1 1.6-1.5
+      2.4-1.5.2 0 .4 0 .6.2.7.5.8 2-.2 3.4Z' fill='white'/>
+      <path d='M81.7 11.4c1 0 1.8.2 2.5.6.7.3 1.2.9 1.6 1.6.4.8.6 1.7.6 2.7v6.4h-1.6v-6.5c0-1.1-.3-2-.8-2.5a3
+      3 0 0 0-2.3-.8 3 3 0 0 0-2.2.8c-.6.6-.9 1.4-.9 2.5v6.5h-2.9v-1.3H77v-5c0-1.1.2-2 .6-2.8a4 4 0
+      0 1 1.7-1.6c.7-.4 1.5-.6 2.4-.6Zm15.6 2.9v8.4h-1.5v-1.3c-.3.5-.7.8-1.3 1a4.5 4.5 0 0
+      1-4-.2 4 4 0 0 1-1.4-1.4c-.4-.7-.6-1.4-.6-2.3 0-.9.2-1.6.6-2.3a4 4 0 0 1 1.5-1.5 4.5 4.5
+      0 0 1 3.9-.2c.5.3 1 .6 1.3 1v-1.2h1.5Zm-4.4 7.2c.6 0 1-.1 1.5-.4.4-.2.8-.6 1-1 .3-.5.4-1
+      .4-1.6 0-.6-.1-1.1-.4-1.5-.2-.5-.6-.9-1-1.1a3 3 0 0 0-1.5-.4 2.7 2.7 0 0 0-2.5 1.4c-.2.5-.3
+      1-.3 1.6 0 .6.1 1.1.3 1.6.3.4.6.8 1 1 .5.3 1 .4 1.5.4Zm15.2-7.2v8.4h-1.5v-7h-4.8v7h-1.6v-8.4h7.9Zm6.3
+      4.9h-1.8v3.5h-1.5v-8.4h1.5v3.5h1.8l2.8-3.5h1.6l-3.2 4 3.4 4.4h-1.8l-2.8-3.5Zm13.8-5v8.5h-1.5v-1.2c-.3.4-.7.8-1.2 1-.5.2-1
+      .3-1.6.3-1.2 0-2-.3-2.7-.9-.7-.6-1-1.5-1-2.8v-4.8h1.6V19c0 .8.2 1.4.5 1.8.4.5 1 .7 1.7.7.9 0 1.5-.3
+      2-.8.4-.5.7-1.2.7-2v-4.4h1.5ZM80 31.6v11.2h-1.6V33h-6.5v9.8h-1.5V31.5h9.6Zm6.9 11.3a4.1 4.1 0
+      0 1-4.4-4.3c0-.8.1-1.6.5-2.2a4 4 0 0 1 1.6-1.6c.7-.3 1.4-.5 2.3-.5.8 0 1.6.2 2.2.5a4.3 4.3 0
+      0 1 2.1 3.8c0 .8-.1 1.6-.5 2.2a4 4 0 0 1-1.6 1.6c-.6.4-1.4.5-2.2.5Zm0-1.3c.5 0 1-.1
+      1.4-.4.5-.2.8-.6 1-1 .3-.5.4-1 .4-1.6 0-.6-.1-1.1-.3-1.5-.3-.5-.6-.9-1-1.1-.5-.3-1-.4-1.5-.4a2.7
+      2.7 0 0 0-2.5 1.4c-.3.5-.4 1-.4 1.6 0 .6.1 1.1.4 1.6.2.4.6.8 1 1 .4.3 1 .4
+      1.5.4Zm16.4-7.2v8.4h-1.4v-6.1l-3.2 5.2H98l-3.1-5.3v6.2h-1.4v-8.4H95l3.3 5.7 3.4-5.7h1.5Zm6.6
+      8.5a4.1 4.1 0 0 1-4.4-4.3c0-.8.2-1.6.5-2.2a4 4 0 0 1 1.6-1.6c.7-.3 1.4-.5 2.3-.5.8 0 1.6.2
+      2.2.5a4.3 4.3 0 0 1 2.1 3.8c0 .8-.1 1.6-.5 2.2a4 4 0 0 1-1.6 1.6c-.6.4-1.4.5-2.2.5Zm0-1.3c.5
+      0 1-.1 1.4-.4.5-.2.8-.6 1-1 .3-.5.4-1 .4-1.6 0-.6 0-1.1-.3-1.5-.3-.5-.6-.9-1-1.1-.5-.3-1-.4-1.5-.4a2.7 2.7
+      0 0 0-2.5 1.4c-.3.5-.4 1-.4 1.6 0 .6.1 1.1.4 1.6.2.4.6.8 1 1 .5.3 1 .4
+      1.5.4Zm18.7-7.2v8.4h-12v-8.4h1.4v7.1h3.8v-7.1h1.5v7.1h3.8v-7.1h1.5Zm1.3
+      7.1v3.2h-1.5v-1.9H127v-1.3h2.9Zm9.4-7.1v8.4h-1.5v-1.2c-.3.4-.7.8-1.2 1-.5.2-1 .3-1.6.3-1.2
+      0-2-.3-2.7-.9-.7-.6-1-1.5-1-2.8v-4.8h1.6V39c0 .8.1 1.4.5 1.8.4.5 1 .7 1.7.7.8
+      0 1.5-.3 2-.8.4-.5.7-1.2.7-2v-4.4h1.5Z' fill='#FF712C'/>
     </svg>
   );
 };