From deade1a8835b344f68ad42d18a9719b26ee13d47 Mon Sep 17 00:00:00 2001
From: invakid404 <invakid404@riseup.net>
Date: Mon, 18 Apr 2022 00:01:44 +0300
Subject: [PATCH] feat(dashboard/Header): responsive design

---
 dashboard/src/components/Header.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/components/Header.svelte b/dashboard/src/components/Header.svelte
index 6d4ca34..5fbd807 100644
--- a/dashboard/src/components/Header.svelte
+++ b/dashboard/src/components/Header.svelte
@@ -9,13 +9,18 @@
   @import '@carbon/colors';
 
   .header {
+    display: flex;
+    place-items: center;
+    justify-content: center;
+    gap: 2vw;
     background-color: $gray-100;
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+    padding-top: 2vmin;
+    padding-bottom: 2vmin;
   }
 
   .header-title {
     text-align: center;
+    font-size: min(2.625rem, 10vw);
   }
 
   .header-kek {
@@ -23,6 +28,6 @@
   }
 
   .header-kek > img {
-    height: 100px;
+    height: min(6.25rem, 20vw);
   }
 </style>