edit: increase tap area of switch partner mode button

tijlleenders · Jun 29, 2024 · 1d44bbc · 1d44bbc
1 parent 65bac01
commit 1d44bbc
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
@@ -12,13 +12,21 @@
     align-items: center;
     justify-content: flex-start;
     flex: 1;
-    gap: 16px;
+
+    .header-logo-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      flex-grow: 0;
+      height: 58px;
+      padding-left: 20px;
+      padding-right: 16px;
+    }
+
     img {
       height: 30px;
       width: 30px;
-      cursor: pointer;
-      flex-grow: 0;
-      margin-left: 20px;
     }
   }
 

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -91,13 +91,10 @@ const Header: React.FC<IHeader> = ({ title, debounceSearch }) => {
       ) : (
         <>
           <div className="header-logo-title">
-            <img
-              className={isFlipping ? "logo-flip" : ""}
-              onClickCapture={handlePartner}
-              src={zinzenLightLogo}
-              alt="ZinZen"
-              ref={zinZenLogoRef}
-            />
+            <div className="header-logo-wrapper" onClickCapture={handlePartner}>
+              <img className={isFlipping ? "logo-flip" : ""} src={zinzenLightLogo} alt="ZinZen" ref={zinZenLogoRef} />
+            </div>
+
             <PartnerModeTour refTarget={zinZenLogoRef} />
             <h6
               onClickCapture={() => {