Toggleable shadows

This commit is contained in:
2025-07-11 22:23:29 -05:00
parent 19497d9748
commit e73dfc97fb
31 changed files with 376 additions and 44 deletions

View File

@@ -19,7 +19,7 @@ const PersonalizationSettings = () => {
const [update, setUpdate] = useState<any>({});
const [debounced] = useDebouncedValue(update, 1000);
const { mutateAsync } = useMutationAPI();
const { isMobile } = useCommonHooks();
const { isMobile, theme } = useCommonHooks();
useEffect(() => {
if (personalData && personalIsFetched) {
@@ -91,6 +91,11 @@ const PersonalizationSettings = () => {
};
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
}
/>
</Card>
</GridCol>
@@ -108,6 +113,11 @@ const PersonalizationSettings = () => {
};
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
}
/>
</Card>
</GridCol>
@@ -125,6 +135,11 @@ const PersonalizationSettings = () => {
};
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
}
/>
</Card>
</GridCol>
@@ -142,6 +157,11 @@ const PersonalizationSettings = () => {
};
setUpdate(updatedPersonal);
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
}
/>
</Card>
</GridCol>