fix: button colors

SwaprHQ · Jul 31, 2023 · 11bc162 · 11bc162
1 parent d51dd08
commit 11bc162
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/packages/app/components/DatePicker.tsx b/packages/app/components/DatePicker.tsx
@@ -69,10 +69,7 @@ export function DatePicker({
           </Popover.Button>
           {open && (
             <>
-              <div
-                className="max-md:fixed max-md:inset-0 max-md:bg-black/30"
-                aria-hidden="true"
-              />
+              <div className="fixed inset-0 bg-black/30" aria-hidden="true" />
               <Popover.Panel
                 ref={setPopperElement as Ref<HTMLDivElement>}
                 style={styles.popper}
@@ -149,7 +146,7 @@ export function DatePicker({
                         </div>
                       </div>
                       <Button
-                        action="secondary"
+                        action="primary"
                         onClick={() => {
                           const newDate = new Date(currentDate);
                           newDate.setHours(Number(hours));

diff --git a/packages/app/ui/Calendar.tsx b/packages/app/ui/Calendar.tsx
@@ -38,7 +38,7 @@ function Calendar({
         cell: "text-center text-sm p-0 relative [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
         day: twMerge(
           buttonStyles({ size: "icon", action: "quaternary" }),
-          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 hover:enabled:bg-primary-400 focus:bg-primary-400 disabled:bg-transparent"
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 hover:enabled:bg-primary-400 focus:bg-primary-400 disabled:bg-transparent active:ring-primary-200 focus:ring-primary-200"
         ),
         day_selected: "bg-primary-400 text-primary-foreground ",
         day_today: "bg-accent text-accent-foreground",