mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-04 21:58:39 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): fix notifications settings buttons overflowing (#1911)

Browse Source 
* fix(ui): fix notifications settings buttons overflowing

* fix(ui): fix table overflowing
This commit is contained in:
Nicolás Espinoza
2021-08-09 17:44:29 +09:00
committed by GitHub
parent 6f2db6a6cc
commit 0ce18b21ca
4 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -46,7 +46,7 @@ const SettingsLink: React.FC<{
if (tabType === 'button') {
linkClasses =
'px-3 py-2 ml-8 text-sm font-medium transition duration-300 rounded-md whitespace-nowrap first:ml-0';
'px-3 py-2 text-sm font-medium transition duration-300 rounded-md whitespace-nowrap mx-2 my-1';
activeLinkColor = 'bg-indigo-700';
inactiveLinkColor = 'bg-gray-800 hover:bg-gray-700 focus:bg-gray-700';
}
@@ -119,8 +119,8 @@ const SettingsTabs: React.FC<{
</select>
</div>
{tabType === 'button' ? (
<div className="hidden overflow-x-scroll overflow-y-hidden sm:block hide-scrollbar">
<nav className="flex space-x-4" aria-label="Tabs">
<div className="hidden sm:block">
<nav className="flex flex-wrap -mx-2 -my-1" aria-label="Tabs">
{settingsRoutes.map((route, index) => (
<SettingsLink
tabType={tabType}