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-09-08 16:29:52 -05:00
parent fed970834b
commit 9a5af3f4ef
28 changed files with 197 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Applications/AppItem.tsx
View File

@@ -6,7 +6,7 @@ import * as fa6 from 'react-icons/fa6';
import { FiAlertCircle } from 'react-icons/fi';
import * as si from 'react-icons/si';
import * as vsc from 'react-icons/vsc';
import { actionIconClasses, boxClasses, textClasses } from 'styles';
import { actionIconClasses, boxClasses, textClasses, toolTipClasses } from 'styles';
import type { Theme } from 'types';
export function AppItem({
@@ -67,8 +67,8 @@ export function AppItem({
>
{enabled === 0 && (
<Tooltip
c={'var(--mantine-color-primary-0)'}
bg={'var(--mantine-color-background-0)'}
className={toolTipClasses.default}
classNames={toolTipClasses}
label='This app is disabled.'
>
<ActionIcon

16
src/components/ManagementPill.tsx
View File

@@ -1,6 +1,6 @@
import { ActionIcon, Group, Switch, Tooltip } from '@mantine/core';
import { FiPower, FiTrash } from 'react-icons/fi';
import { switchClasses } from 'styles';
import { switchClasses, toolTipClasses } from 'styles';
export function ManagementPill({
enabled,
@@ -29,15 +29,10 @@ export function ManagementPill({
}}
>
<Tooltip
c={'var(--mantine-color-primary-0)'}
bg={'var(--mantine-color-background-0)'}
bd={'solid 1px var(--mantine-color-border-0)'}
className={toolTipClasses.default}
classNames={toolTipClasses}
label={label[enabled]}
refProp='rootRef'
styles={{
tooltip: { marginTop: '-.5rem' },
arrow: { border: 'solid 1px var(--mantine-color-accent-0)' },
}}
withArrow
>
<Switch
@@ -57,9 +52,8 @@ export function ManagementPill({
</Tooltip>
|
<Tooltip
c={'var(--mantine-color-primary-0)'}
bg={'var(--mantine-color-background-0)'}
bd={'solid 1px var(--mantine-color-border-0)'}
className={toolTipClasses.default}
classNames={toolTipClasses}
label={'Delete'}
>
<ActionIcon

14
src/components/WeatherModal/CurrentWeather.tsx
View File

@@ -10,7 +10,7 @@ import WeatherFeaturePill from './WeatherFeaturePill';
import WeatherIcon from './WeatherIcon';
export default function CurrentWeather({ current }: { current: CW }) {
const { currentLocation, isMobile, theme } = useCommonHooks();
const { currentLocation, isMobile, theme, textShadowStyle } = useCommonHooks();
const { data: sunStateData } = useSunStateAPI({
lat: currentLocation.lat,
lon: currentLocation.lon,
@@ -156,9 +156,7 @@ export default function CurrentWeather({ current }: { current: CW }) {
classNames={textClasses}
style={{
textAlign: 'center',
textShadow: theme.textShadowsEnabled
? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
: undefined,
textShadow: theme.textShadowsEnabled ? textShadowStyle : undefined,
}}
w={'100%'}
>
@@ -201,9 +199,7 @@ export default function CurrentWeather({ current }: { current: CW }) {
classNames={textClasses}
style={{
textAlign: 'center',
textShadow: theme.textShadowsEnabled
? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
: undefined,
textShadow: theme.textShadowsEnabled ? textShadowStyle : undefined,
}}
w={'100%'}
>
@@ -248,9 +244,7 @@ export default function CurrentWeather({ current }: { current: CW }) {
classNames={textClasses}
style={{
textAlign: 'center',
textShadow: theme.textShadowsEnabled
? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
: undefined,
textShadow: theme.textShadowsEnabled ? textShadowStyle : undefined,
}}
w={'100%'}
>