vh/homepage
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2026-09-12 07:05:56 -07:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Fix: fix calendar hover with white theme (#7017)

Browse Source
This commit is contained in:
shamoon
2026-08-19 10:03:52 -07:00
committed by GitHub
parent d7cc2d3f19
commit 9cabb46bb7
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/widgets/calendar/monthly.jsx
+11 -3
View File
@@ -28,14 +28,14 @@ export function Day({ weekNumber, weekday, events, colorVariants, showDate, setS
// selected same day style // selected same day style
style += style +=
displayDate.startOf("day").ts === showDate.startOf("day").ts displayDate.startOf("day").ts === showDate.startOf("day").ts
? "text-black-500 bg-theme-100/20 dark:bg-white/10 rounded-md " ? "text-black-500 bg-black/10 dark:bg-white/10 rounded-md "
: ""; : "";
if (displayDate.startOf("day").ts === currentDate.startOf("day").ts) { if (displayDate.startOf("day").ts === currentDate.startOf("day").ts) {
// today style // today style
style += "text-black-500 bg-theme-100/20 dark:bg-black/20 rounded-md "; style += "text-black-500 bg-black/20! dark:bg-black/20! rounded-md ";
} else { } else {
style += "hover:bg-theme-100/20 dark:hover:bg-white/5 rounded-md cursor-pointer"; style += "calendar-day-hover rounded-md cursor-pointer";
} }
return style; return style;
@@ -110,6 +110,14 @@ export default function Monthly({ service, colorVariants, events, showDate, setS
return ( return (
<div className="w-full text-center"> <div className="w-full text-center">
<style jsx>{`
:global(.calendar-day-hover:hover) {
background-color: rgb(0 0 0 / 10%);
}
:global(.dark:not(.theme-white) .calendar-day-hover:hover) {
background-color: rgb(255 255 255 / 5%);
}
`}</style>
<div className="flex-col"> <div className="flex-col">
<span> <span>
<button <button