shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-29 21:51:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
TheCatLady
2021-05-18 22:17:31 -04:00
committed by GitHub
parent e1f5febe7b
commit e6d5f0abfe
1 changed files with 26 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/Common/SettingsTabs/index.tsx
View File

@@ -136,34 +136,32 @@ const SettingsTabs: React.FC<{
</nav>
</div>
) : (
<div className="hidden sm:block">
<div className="border-b border-gray-600">
<nav className="flex -mb-px">
{settingsRoutes
.filter(
(route) =>
!route.hidden &&
(route.requiredPermission
? hasPermission(
route.requiredPermission,
currentUser?.permissions ?? 0,
route.permissionType
)
: true)
)
.map((route, index) => (
<SettingsLink
tabType={tabType}
currentPath={router.pathname}
route={route.route}
regex={route.regex}
key={`standard-settings-link-${index}`}
>
{route.text}
</SettingsLink>
))}
</nav>
</div>
<div className="hidden overflow-x-scroll border-b border-gray-600 sm:block hide-scrollbar">
<nav className="flex">
{settingsRoutes
.filter(
(route) =>
!route.hidden &&
(route.requiredPermission
? hasPermission(
route.requiredPermission,
currentUser?.permissions ?? 0,
route.permissionType
)
: true)
)
.map((route, index) => (
<SettingsLink
tabType={tabType}
currentPath={router.pathname}
route={route.route}
regex={route.regex}
key={`standard-settings-link-${index}`}
>
{route.text}
</SettingsLink>
))}
</nav>
</div>
)}
</>