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

6
src/pages/homepage/components/Applications/Applications.tsx
View File

@@ -46,9 +46,9 @@ function Applications({ contentType }: { contentType: string[] }) {
className={textClasses.sectionTitle}
classNames={textClasses}
style={{
boxShadow:
theme.textShadowsEnabled &&
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
boxShadow: theme.textShadowsEnabled
? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
: undefined,
}}
>
Applications

6
src/pages/homepage/components/Bookmarks/Bookmarks.tsx
View File

@@ -65,9 +65,9 @@ function Bookmarks({ contentType }: { contentType: string[] }) {
mb={'-.5rem'}
mt={'1.25rem'}
style={{
boxShadow:
theme.textShadowsEnabled &&
'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
boxShadow: theme.textShadowsEnabled
? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
: undefined,
}}
>
Bookmarks

30
src/pages/homepage/components/Header/Header.tsx
View File

@@ -81,9 +81,9 @@ function Header({
classNames={textClasses}
fz={isMobile ? 24 : undefined}
style={{
textShadow:
theme.textShadowsEnabled &&
'3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)',
textShadow: theme.textShadowsEnabled
? '3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)'
: undefined,
}}
>
{greet
@@ -104,9 +104,9 @@ function Header({
classNames={textClasses}
style={{
width: 'max-content',
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,
}}
>
{date}
@@ -134,9 +134,9 @@ function Header({
classNames={textClasses}
mr={'.25rem'}
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,
}}
>
{current.temperature}°F
@@ -147,9 +147,9 @@ function Header({
fz={'.875rem'}
mb={'.375rem'}
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,
}}
>
{current.highTemp}°F/{current.lowTemp}°F
@@ -159,9 +159,9 @@ function Header({
className={textClasses.dateTime}
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,
}}
>
{`${

18
src/pages/homepage/components/Header/LargeHeader.tsx
View File

@@ -72,9 +72,9 @@ function LargeHeader({
classNames={textClasses}
fz={isMobile ? '2rem' : '6rem'}
style={{
textShadow:
theme.textShadowsEnabled &&
'3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)',
textShadow: theme.textShadowsEnabled
? '3px 3px 1px color-mix(in srgb, var(--mantine-color-primary-0), transparent 50%)'
: undefined,
}}
>
{greet
@@ -90,9 +90,9 @@ function LargeHeader({
m={0}
style={{
width: 'max-content',
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,
}}
>
{date}
@@ -103,9 +103,9 @@ function LargeHeader({
className={textClasses.dateTime}
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,
}}
>
{`${

16
src/pages/homepage/components/SettingsButton/SettingsCard.tsx
View File

@@ -120,9 +120,11 @@ function SettingsCard({
position: 'top',
}}
styles={
theme.textShadowsEnabled && {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
theme.textShadowsEnabled
? {
label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
}
: undefined
}
/>
<Select
@@ -147,9 +149,11 @@ function SettingsCard({
}}
labelProps={{ top: 8 }}
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>