From e73013affb296d6c21a7b85da0b3aca4de5ced15 Mon Sep 17 00:00:00 2001
From: t1enne <nasir.taov@gmail.com>
Date: Sun, 3 Jul 2022 12:34:55 +0200
Subject: [PATCH] Logo now uses clamp to determine size

---
 web/components/ui/Logo/Logo.module.scss | 8 ++++----
 web/components/ui/Logo/Logo.tsx         | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/components/ui/Logo/Logo.module.scss b/web/components/ui/Logo/Logo.module.scss
index 5e16c4d4e..242c2167b 100644
--- a/web/components/ui/Logo/Logo.module.scss
+++ b/web/components/ui/Logo/Logo.module.scss
@@ -1,11 +1,11 @@
-.logo {
+.root {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   overflow: hidden;
-  width: 120px;
-  height: 120px;
+  width: clamp(5vw, 90px, 120px);
+  height: clamp(5vw, 90px, 120px);
   border-radius: 50%;
   border-width: 3px;
   border-style: solid;
@@ -26,4 +26,4 @@
   background-size: cover;
   background-position: center;
   overflow: hidden;
-}
\ No newline at end of file
+}
diff --git a/web/components/ui/Logo/Logo.tsx b/web/components/ui/Logo/Logo.tsx
index bb9d36c17..c42aaccda 100644
--- a/web/components/ui/Logo/Logo.tsx
+++ b/web/components/ui/Logo/Logo.tsx
@@ -6,7 +6,7 @@ interface Props {
 
 export default function Logo({ src }: Props) {
   return (
-    <div className={s.logo}>
+    <div className={s.root}>
       <div className={s.container}>
         <div className={s.image} style={{ backgroundImage: `url(${src})` }} />
       </div>