fix(ui): correct horizontal overflow behavior of settings tabs (#1667)

4 years ago · e6d5f0abfe
parent e1f5febe7b
commit e6d5f0abfe
1 changed files with 26 additions and 28 deletions
--- a/src/components/Common/SettingsTabs/index.tsx
+++ b/src/components/Common/SettingsTabs/index.tsx
@ -136,9 +136,8 @@ const SettingsTabs: React.FC<{
          </nav>
        </div>
      ) : (
-        <div className="hidden sm:block">
-          <div className="border-b border-gray-600">
-            <nav className="flex -mb-px">
+        <div className="hidden overflow-x-scroll border-b border-gray-600 sm:block hide-scrollbar">
+          <nav className="flex">
            {settingsRoutes
              .filter(
                (route) =>
@ -164,7 +163,6 @@ const SettingsTabs: React.FC<{
              ))}
          </nav>
        </div>
-        </div>
      )}
    </>
  );