fix: 🐛 header and update snapshots again (#22)

package.json

@@ -10,6 +10,7 @@
     "test:unit": "vitest",
     "test:unit:ci": "vitest run",
     "test:integration": "kill $(lsof -i:8080) || true && npm run mock-server && playwright test && kill $(lsof -i:8080)",
+    "test:integration:update-snapshots": "kill $(lsof -i:8080) || true && npm run mock-server && playwright test --update-snapshots && kill $(lsof -i:8080)",
     "test:integration:ci": "npm run mock-server && npx playwright test",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",

src/lib/components/Header/Header.svelte

@@ -357,6 +357,10 @@
       height: 75px;
     }
 
+    .left-container {
+      width: 35%;
+    }
+
     .basket-icon,
     .search-icon {
       width: 40px;
@@ -370,7 +374,7 @@
 
   @media (min-width: 1400px) {
     .left-container {
-      width: 25%;
+      width: 35%;
     }
 
     .enki-logo {
@@ -379,6 +383,12 @@
     }
   }
 
+  @media (min-width: 1500px) {
+    .left-container {
+      width: 35%;
+    }
+  }
+
   @media (min-width: 1960px) {
     .basket-icon,
     .search-icon {
@@ -391,7 +401,7 @@
     }
 
     .left-container {
-      width: 22.5%;
+      width: 25%;
     }
   }
 </style>