📅 Rewrite calendar spacing styles (#214)

WallfacerLabs · Mar 22, 2024 · 6848962 · 6848962
1 parent a79b36d
commit 6848962
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
@@ -19,11 +19,11 @@ function Calendar({
   return (
     <DayPicker
       showOutsideDays={showOutsideDays}
-      className={cn("p-3", className)}
+      className={className}
       classNames={{
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
+        months: "flex flex-col sm:flex-row gap-4",
+        month: "flex flex-col gap-4",
+        caption: "flex justify-center relative items-center pt-2",
         caption_label: "text-sm font-medium",
         nav: "flex items-center",
         nav_button: cn(

diff --git a/src/components/ui/editor/plugins/linkEditorPlugin/linkEditorPlugin.tsx b/src/components/ui/editor/plugins/linkEditorPlugin/linkEditorPlugin.tsx
@@ -111,7 +111,7 @@ export const LinkEditorPlugin = ({ isLink }: LinkEditorPluginProps) => {
           <LinkIcon />
         </Button>
       </PopoverTrigger>
-      <PopoverContent>
+      <PopoverContent className="w-72">
         <LinkEditorForm
           editor={editor}
           command={currentCommand}

diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
@@ -23,7 +23,7 @@ const PopoverContent = forwardRef<
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 w-72 rounded-2xl border bg-background p-4 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 rounded-2xl border bg-background p-4 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className,
       )}
       {...props}