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