smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Style updates

Browse Source
This commit is contained in:
Sean Edmunds
2025-02-11 15:23:48 -06:00
parent b62ad44358
commit bfd958d78f
19 changed files with 574 additions and 702 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/settings/Settings.tsx
View File

@@ -47,23 +47,29 @@ export function Settings() {
className={tabClasses.settingsTabs}
classNames={tabClasses}
>
<Tabs.List>
<Tabs.Tab value='personalization'>
<Tabs.List style={{ justifyContent: 'space-between' }}>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='personalization'>
{isMobile ? <FiUser /> : 'Personal Info'}
</Tabs.Tab>
<Tabs.Tab value='messages'>{isMobile ? <FiMail /> : 'Messages'}</Tabs.Tab>
<Tabs.Tab value='applications'>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='messages'>
{isMobile ? <FiMail /> : 'Messages'}
</Tabs.Tab>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='applications'>
{isMobile ? <FiGlobe /> : 'Applications'}
</Tabs.Tab>
<Tabs.Tab value='bookmarks'>{isMobile ? <FiBookmark /> : 'Bookmarks'}</Tabs.Tab>
<Tabs.Tab value='bookmarksCategories'>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='bookmarks'>
{isMobile ? <FiBookmark /> : 'Bookmarks'}
</Tabs.Tab>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='bookmarksCategories'>
{isMobile ? <FiBook /> : 'Categories'}
</Tabs.Tab>
<Tabs.Tab value='themes'>{isMobile ? <FiEdit /> : 'Themes'}</Tabs.Tab>
<Tabs.Tab value='providers'>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='themes'>
{isMobile ? <FiEdit /> : 'Themes'}
</Tabs.Tab>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='providers'>
{isMobile ? <FiSearch /> : 'Search Providers'}
</Tabs.Tab>
<Tabs.Tab value='wolClients'>
<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='wolClients'>
{isMobile ? <FiMonitor /> : 'WoL Clients'}
</Tabs.Tab>
</Tabs.List>

12
src/pages/settings/components/ThemeModal.tsx
View File

@@ -285,10 +285,18 @@ function ThemeModal({
</Group>
<Divider color='black' my='sm' />
<Group mt={'2rem'}>
<Button color={'green'} styles={{ label: { color: 'black' }}} onClick={handleSaveTheme}>
<Button
color={'green'}
styles={{ label: { color: 'black' } }}
onClick={handleSaveTheme}
>
Save
</Button>
<Button color={'red'} styles={{ label: { color: 'black' }}} onClick={handleClose}>
<Button
color={'red'}
styles={{ label: { color: 'black' } }}
onClick={handleClose}
>
Cancel
</Button>
</Group>