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): 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

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

@@ -122,8 +122,7 @@ 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
@@ -137,7 +136,6 @@ const SettingsLayout: React.FC = ({ children }) => {
</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