prepare side pane, highlight today

2024-07-26 05:32:07 +02:00
parent a14a275f1f
commit 934a91285e
7 changed files with 50 additions and 9 deletions
@@ -27,6 +27,10 @@
  animation: slide-up var(--animation-duration);
 }

+.month-grid .tile[today] b {
+    color: var(--primary)
+}
+
 .month-grid .tile > div {
  display: flex;
  flex-direction: column;
@@ -45,12 +45,21 @@ export function MonthGrid<T>(
            () => selectedDate.value == parseInt(date)
          );

+          const isToday: boolean =
+            monthGrid.isCurrentMonth == true &&
+            parseInt(date) == new Date().getDate();
+
          function select() {
            selectedDate.value = parseInt(date);
          }

          return (
-            <button class="tile" on:click={select} toggle:selected={isSelected}>
+            <button
+              class="tile"
+              on:click={select}
+              toggle:selected={isSelected}
+              toggle:today={isToday}
+            >
              <div>
                <b>{date}</b>
                <div