mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-09 06:55:51 +01:00
💄 Fix Calendar widget UI
This commit is contained in:
@@ -45,7 +45,7 @@ interface CalendarTileProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function CalendarTile({ widget }: CalendarTileProps) {
|
function CalendarTile({ widget }: CalendarTileProps) {
|
||||||
const { secondaryColor, primaryColor } = useColorTheme();
|
const { secondaryColor } = useColorTheme();
|
||||||
const { name: configName } = useConfigContext();
|
const { name: configName } = useConfigContext();
|
||||||
const { classes, cx } = useStyles(secondaryColor);
|
const { classes, cx } = useStyles(secondaryColor);
|
||||||
const { colorScheme, colors } = useMantineTheme();
|
const { colorScheme, colors } = useMantineTheme();
|
||||||
@@ -77,7 +77,7 @@ function CalendarTile({ widget }: CalendarTileProps) {
|
|||||||
onChange={() => {}}
|
onChange={() => {}}
|
||||||
firstDayOfWeek={widget.properties.sundayStart ? 'sunday' : 'monday'}
|
firstDayOfWeek={widget.properties.sundayStart ? 'sunday' : 'monday'}
|
||||||
dayStyle={(date) => ({
|
dayStyle={(date) => ({
|
||||||
margin: 0,
|
margin: -1,
|
||||||
backgroundColor: isToday(date)
|
backgroundColor: isToday(date)
|
||||||
? colorScheme === 'dark'
|
? colorScheme === 'dark'
|
||||||
? colors.dark[5]
|
? colors.dark[5]
|
||||||
@@ -86,7 +86,12 @@ function CalendarTile({ widget }: CalendarTileProps) {
|
|||||||
})}
|
})}
|
||||||
hideWeekdays
|
hideWeekdays
|
||||||
styles={{
|
styles={{
|
||||||
|
weekdayCell: {
|
||||||
|
margin: 0,
|
||||||
|
padding: 0,
|
||||||
|
},
|
||||||
calendarHeader: {
|
calendarHeader: {
|
||||||
|
position: 'relative',
|
||||||
margin: 0,
|
margin: 0,
|
||||||
padding: 0,
|
padding: 0,
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user