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

Minor fixes

Browse Source
This commit is contained in:
Sean Edmunds
2025-07-25 15:51:42 -05:00
parent ed64cf1aac
commit 8fcf9a19f2
4 changed files with 1 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/settings/components/Theming/Backgrounds/BackgroundModal.tsx
View File

@@ -97,7 +97,7 @@ export function BackgroundModal({
}}
fullScreen={isMobile}
centered
keepMounted={false}
keepMounted={true}
>
<Modal.Overlay />
<Modal.Content>

95
src/pages/settings/components/Theming/Themes/ThemeModalColorSwatches.tsx
View File

@@ -1,95 +0,0 @@
import { ColorSwatch, Group, Stack, Text } from '@mantine/core';
import { colorSwatchClasses, textClasses } from 'styles';
import type { Theme } from 'types';
export function ThemeModalColorSwatches({
selectedTheme,
openPicker,
setColorId,
setColorValue,
}: {
selectedTheme: Theme;
openPicker: () => void;
setColorId: (colorId: string) => void;
setColorValue: (colorValue: string) => void;
}) {
return (
<Stack justify='center'>
<Group justify='space-between'>
<Text className={textClasses.label} classNames={textClasses}>
Primary Color
</Text>
<ColorSwatch
onClick={() => {
setColorId('primaryColor');
openPicker();
setColorValue(selectedTheme.primaryColor);
}}
color={selectedTheme.primaryColor}
className={colorSwatchClasses.default}
classNames={colorSwatchClasses}
/>
</Group>
<Group justify='space-between'>
<Text className={textClasses.label} classNames={textClasses}>
Accent Color
</Text>
<ColorSwatch
onClick={() => {
setColorId('accentColor');
openPicker();
setColorValue(selectedTheme.accentColor);
}}
color={selectedTheme.accentColor}
className={colorSwatchClasses.default}
classNames={colorSwatchClasses}
/>
</Group>
<Group justify='space-between'>
<Text className={textClasses.label} classNames={textClasses}>
Background Color
</Text>
<ColorSwatch
onClick={() => {
setColorId('background');
openPicker();
setColorValue(selectedTheme.backgroundColor);
}}
color={selectedTheme.backgroundColor}
className={colorSwatchClasses.default}
classNames={colorSwatchClasses}
/>
</Group>
<Group justify='space-between'>
<Text className={textClasses.label} classNames={textClasses}>
Border Color
</Text>
<ColorSwatch
onClick={() => {
setColorId('borderColor');
openPicker();
setColorValue(selectedTheme.borderColor);
}}
color={selectedTheme.borderColor}
className={colorSwatchClasses.default}
classNames={colorSwatchClasses}
/>
</Group>
<Group justify='space-between'>
<Text className={textClasses.label} classNames={textClasses}>
Search Background Color
</Text>
<ColorSwatch
onClick={() => {
setColorId('searchBackground');
openPicker();
setColorValue(selectedTheme.searchColor);
}}
color={selectedTheme.searchColor}
className={colorSwatchClasses.default}
classNames={colorSwatchClasses}
/>
</Group>
</Stack>
);
}

10
src/pages/settings/components/Theming/Themes/ThemeModalContent.tsx
View File

@@ -1,5 +1,4 @@
import { Select, Stack, Text } from '@mantine/core';
import SearchSelectItem from 'pages/homepage/components/Search/SearchSelectItem';
import { selectClasses } from 'styles';
import type { Theme } from 'types';
import { ThemeExampleApp } from './ThemeExampleApp';
@@ -51,15 +50,6 @@ export function ThemeModalContent({ selectedTheme }: { selectedTheme: Theme }) {
autoFocus={false}
leftSection={'Google Search'}
rightSection={<div />}
renderOption={(item: any) => {
return (
<SearchSelectItem
item={item}
handleSearchHistoryItem={undefined}
searchEndpoint={undefined}
/>
);
}}
/>
<Stack gap={0} w={'100%'}>
<Text

1
src/pages/settings/components/Theming/Themes/index.ts
View File

@@ -5,7 +5,6 @@ export { ThemeExampleApp } from './ThemeExampleApp';
export { ThemeManagementPill } from './ThemeManagementPill';
export { ThemeMiniCard } from './ThemeMiniCard';
export { ThemeModal } from './ThemeModal/ThemeModal';
export { ThemeModalColorSwatches } from './ThemeModalColorSwatches';
export { ThemeModalContent } from './ThemeModalContent';
export { ThemePreviewMiddleware } from './ThemePreviewMiddleware';
export { ThemeSelect } from './ThemeSelect';