Update mui based layout ui

2025-03-30 19:56:21 +00:00 · 2023-11-28 10:26:14 -05:00 · 2023-11-28 10:26:14 -05:00 · 4e7f0136f7
commit 4e7f0136f7
parent bfbdffdff5
14 changed files with 163 additions and 194 deletions
--- a/src/themes/theme.ts
+++ b/src/themes/theme.ts
@ -1,5 +1,7 @@
 import { createTheme } from '@mui/material/styles';

+const LIST_ICON_WIDTH = 36;
+
 /** The default Jellyfin app theme for mui */
 const theme = createTheme({
    palette: {
@ -49,11 +51,26 @@ const theme = createTheme({
                variant: 'filled'
            }
        },
+        MuiListItemIcon: {
+            styleOverrides: {
+                root: {
+                    minWidth: LIST_ICON_WIDTH
+                }
+            }
+        },
        MuiListSubheader: {
            styleOverrides: {
                root: {
                    // NOTE: Added for drawer subheaders, but maybe it won't work in other cases?
-                    backgroundColor: 'inherit'
+                    backgroundColor: 'inherit',
+                    position: 'initial'
+                }
+            }
+        },
+        MuiListItemText: {
+            styleOverrides: {
+                inset: {
+                    paddingLeft: LIST_ICON_WIDTH
                }
            }
        }