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

Style bugfix

Browse Source
This commit is contained in:
Sean Edmunds
2025-07-18 15:54:18 -05:00
parent 70dede6dae
commit 2a53d9f16a
24 changed files with 263 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/settings/components/Applications/Applications.tsx
View File

@@ -174,9 +174,11 @@ const ApplicationSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -188,9 +190,11 @@ const ApplicationSettings = () => {
w={'45%'}
classNames={textInputClasses}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>
@@ -205,9 +209,11 @@ const ApplicationSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>
@@ -236,9 +242,11 @@ const ApplicationSettings = () => {
zIndex: 3000,
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
renderOption={(item: ComboboxLikeRenderOptionInput<ComboboxItem>) => {
const Icon = allIcons[item.option.value];
@@ -267,9 +275,11 @@ const ApplicationSettings = () => {
defaultValue={defaultApplication.filterName}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>

40
src/pages/settings/components/Applications/DebouncedApplication.tsx
View File

@@ -103,9 +103,11 @@ function DebouncedApplication({
}}
disabled
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -120,9 +122,11 @@ function DebouncedApplication({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>
@@ -144,9 +148,11 @@ function DebouncedApplication({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>
@@ -178,9 +184,11 @@ function DebouncedApplication({
zIndex: 3000,
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
onChange={(value: string | null) => {
setUpdate({
@@ -214,9 +222,11 @@ function DebouncedApplication({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>

16
src/pages/settings/components/Bookmarks/Bookmarks.tsx
View File

@@ -148,9 +148,11 @@ const BookmarkSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -162,9 +164,11 @@ const BookmarkSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>

24
src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx
View File

@@ -88,9 +88,11 @@ function DebouncedBookmarkItem({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -105,9 +107,11 @@ function DebouncedBookmarkItem({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>
@@ -125,9 +129,11 @@ function DebouncedBookmarkItem({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>

46
src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
View File

@@ -159,9 +159,11 @@ function DebouncedGroupSettingsItem({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -177,9 +179,11 @@ function DebouncedGroupSettingsItem({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<Tooltip
@@ -344,9 +348,13 @@ function DebouncedGroupSettingsItem({
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: {
boxShadow: '2px 2px var(--mantine-color-border-0)',
},
}
: undefined
}
/>
<TextInput
@@ -359,9 +367,13 @@ function DebouncedGroupSettingsItem({
disabled
defaultValue={group.categoryName}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: {
boxShadow: '2px 2px var(--mantine-color-border-0)',
},
}
: undefined
}
/>
</Group>
@@ -377,9 +389,13 @@ function DebouncedGroupSettingsItem({
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: {
boxShadow: '2px 2px var(--mantine-color-border-0)',
},
}
: undefined
}
/>
</Group>

10
src/pages/settings/components/Messages/DebouncedMessage.tsx
View File

@@ -70,10 +70,12 @@ function DebouncedMessage({
});
}}
styles={
theme.textShadowsEnabled && {
root: { paddingTop: '1.25rem' },
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
root: { paddingTop: '1.25rem' },
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Card>

8
src/pages/settings/components/Messages/Messages.tsx
View File

@@ -90,9 +90,11 @@ const MessageSettings = () => {
}}
error={newMessageError}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<Group mt={'1rem'}>

32
src/pages/settings/components/Personalization/Personalization.tsx
View File

@@ -92,9 +92,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Card>
@@ -114,9 +116,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Card>
@@ -136,9 +140,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Card>
@@ -158,9 +164,11 @@ const PersonalizationSettings = () => {
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Card>

24
src/pages/settings/components/Search/DebouncedSearchProvider.tsx
View File

@@ -100,9 +100,11 @@ function DebouncedSearchProvider({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -117,9 +119,11 @@ function DebouncedSearchProvider({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>
@@ -136,9 +140,11 @@ function DebouncedSearchProvider({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Stack>

24
src/pages/settings/components/Search/SearchProviders.tsx
View File

@@ -97,9 +97,11 @@ const SearchProviderSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -111,9 +113,11 @@ const SearchProviderSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>
@@ -127,9 +131,11 @@ const SearchProviderSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Stack>

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

@@ -111,9 +111,11 @@ export function BackgroundModal({
paddingTop: 0,
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
rightSection={
isLoading ? (

8
src/pages/settings/components/Theming/Backgrounds/EditBackground.tsx
View File

@@ -49,9 +49,11 @@ export function EditBackground({
label='New Name'
onChange={(e) => setRename(e.target.value)}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<Card

6
src/pages/settings/components/Theming/Themes/ThemeModal.tsx
View File

@@ -298,9 +298,9 @@ export function ThemeModal({
className={textClasses.sectionTitle}
classNames={textClasses}
style={{
textShadow:
theme.textShadowsEnabled &&
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
textShadow: theme.textShadowsEnabled
? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
: undefined,
}}
>
Change {colorId}

16
src/pages/settings/components/WoL/DebouncedWolClient.tsx
View File

@@ -97,9 +97,11 @@ function DebouncedWolClient({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -114,9 +116,11 @@ function DebouncedWolClient({
});
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>

16
src/pages/settings/components/WoL/WolClients.tsx
View File

@@ -84,9 +84,11 @@ const WolClientSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<TextInput
@@ -98,9 +100,11 @@ const WolClientSettings = () => {
classNames={textInputClasses}
withAsterisk
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
</Group>