feat: improve hover to active item

juntossomosmais · Jan 29, 2025 · f1dbafe · f1dbafe
1 parent 5953333
commit f1dbafe
Showing 1 changed file with 16 additions and 6 deletions.
diff --git a/packages/core/src/components/datetime/datetime.scss b/packages/core/src/components/datetime/datetime.scss
@@ -1,14 +1,24 @@
 .atom-datetime {
-  &::part(calendar-day-active) {
-    background-color: var(--color-brand-secondary-regular);
-    color: var(--color-neutral-white);
-  }
-
   &::part(calendar-day) {
+    position: relative;
+
     &:hover {
-      background-color: var(--color-neutral-light-5);
+      &:after {
+        background-color: rgba(var(--color-neutral-black-rgb), 0.07);
+        border-radius: 50%;
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+      }
     }
   }
+
+  &::part(calendar-day active) {
+    background-color: red;
+  }
 }
 
 .atom-item {