shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-28 21:14:27 +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> </select>
</div> </div>
<div className="hidden sm:block"> <div className="hidden overflow-x-scroll overflow-y-hidden border-b border-gray-600 sm:block hide-scrollbar">
<div className="border-b border-gray-600"> <nav className="flex -mb-px">
<nav className="flex -mb-px"> {settingsRoutes.map((route, index) => (
{settingsRoutes.map((route, index) => ( <SettingsLink
<SettingsLink 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>
</div> </div>
<div className="mt-10 text-white">{children}</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> </select>
</div> </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"> <nav className="flex space-x-4" aria-label="Tabs">
{settingsRoutes.map((route, index) => ( {settingsRoutes.map((route, index) => (
<SettingsLink <SettingsLink