shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-27 20:42:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): Fix settings navigation horizontal scroll issues (#987)

Browse Source
This commit is contained in:
TheCatLady
2021-02-22 02:30:44 -05:00
committed by GitHub
parent 40b07c35d4
commit 8701fb20d0
2 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Settings/SettingsLayout.tsx
View File

@@ -122,20 +122,18 @@ const SettingsLayout: React.FC = ({ children }) => {
))}
</select>
</div>
<div className="hidden sm:block">
<div className="border-b border-gray-600">
<nav className="flex -mb-px">
{settingsRoutes.map((route, index) => (
<SettingsLink
route={route.route}
regex={route.regex}
key={`standard-settings-link-${index}`}
>
{route.text}
</SettingsLink>
))}
</nav>
</div>
<div className="hidden overflow-x-scroll overflow-y-hidden border-b border-gray-600 sm:block hide-scrollbar">
<nav className="flex -mb-px">
{settingsRoutes.map((route, index) => (
<SettingsLink
route={route.route}
regex={route.regex}
key={`standard-settings-link-${index}`}
>
{route.text}
</SettingsLink>
))}
</nav>
</div>
</div>
<div className="mt-10 text-white">{children}</div>

2
src/components/Settings/SettingsNotifications.tsx
View File

@@ -311,7 +311,7 @@ const SettingsNotifications: React.FC = ({ children }) => {
))}
</select>
</div>
<div className="hidden sm:block">
<div className="hidden overflow-x-scroll overflow-y-hidden sm:block hide-scrollbar">
<nav className="flex space-x-4" aria-label="Tabs">
{settingsRoutes.map((route, index) => (
<SettingsLink