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