client: fix tabs scroll on mobile

2022-09-19 19:30:59 +03:00 · 2022-09-19 19:30:59 +03:00 · 3f8f8c7253
parent 9ffe078703
commit 3f8f8c7253
2 changed files with 6 additions and 3 deletions
--- a/client/src/components/ui/Tab.js
+++ b/client/src/components/ui/Tab.js
@ -19,9 +19,11 @@ const Tab = ({
            className={tabClass}
            onClick={handleClick}
        >
-            <svg className="tab__icon">
-                <use xlinkHref={`#${label.toLowerCase()}`} />
-            </svg>
+            <div>
+                <svg className="tab__icon">
+                    <use xlinkHref={`#${label.toLowerCase()}`} />
+                </svg>
+            </div>
            {t(title || label)}
        </div>
    );
--- a/client/src/components/ui/Tabs.css
+++ b/client/src/components/ui/Tabs.css
@ -67,6 +67,7 @@
    height: 24px;
    margin-bottom: 6px;
    fill: #4a4a4a;
+    touch-action: initial;
 }

 .tab__text {