jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Date widget styling

Browse Source
This commit is contained in:
ajnart
2023-01-03 20:26:59 +09:00
parent 4f948021dd
commit a809262647
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/widgets/date/DateTile.tsx
View File

@@ -16,7 +16,7 @@ const definition = defineWidget({
}, },
}, },
gridstack: { gridstack: {
minWidth: 4, minWidth: 2,
minHeight: 2, minHeight: 2,
maxWidth: 12, maxWidth: 12,
maxHeight: 12, maxHeight: 12,
@@ -35,12 +35,10 @@ function DateTile({ widget }: DateTileProps) {
const formatString = widget.properties.display24HourFormat ? 'HH:mm' : 'h:mm A'; const formatString = widget.properties.display24HourFormat ? 'HH:mm' : 'h:mm A';
return ( return (
<Center style={{ height: '100%' }}> <Stack spacing="xs" justify="space-around" align="center" style={{ height: '100%' }}>
<Stack spacing="xs"> <Title>{dayjs(date).format(formatString)}</Title>
<Title>{dayjs(date).format(formatString)}</Title> <Text size="lg">{dayjs(date).format('dddd, MMMM D')}</Text>
<Text size="lg">{dayjs(date).format('dddd, MMMM D')}</Text> </Stack>
</Stack>
</Center>
); );
} }