Skip to content
This repository has been archived by the owner on Jan 24, 2025. It is now read-only.

Commit

Permalink
Merge pull request #91 from upstash/fix-cancel-alignment
Browse files Browse the repository at this point in the history
Fix cancel button alignment
  • Loading branch information
ytkimirti authored Jul 15, 2024
2 parents c0b5e75 + 750d2d4 commit c36b7c6
Showing 4 changed files with 8 additions and 4 deletions.
5 changes: 5 additions & 0 deletions .changeset/flat-icons-change.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@upstash/react-databrowser": patch
---

fix alignment of cancel button in delete modal
2 changes: 1 addition & 1 deletion examples/nextjs13/package.json
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@
"build": "next build",
"start": "next start",
"lint": "next lint",
"test": "npx playwright test"
"test": "playwright test"
},
"dependencies": {
"@next/font": "13.3.0",
4 changes: 2 additions & 2 deletions packages/react-databrowser/src/components/ui/alert-dialog.tsx
Original file line number Diff line number Diff line change
@@ -37,7 +37,7 @@ const AlertDialogContent = React.forwardRef<
<AlertDialogPrimitive.Content
ref={ref}
className={cn(
"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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 dark:border-neutral-800 dark:bg-neutral-950 sm:rounded-lg md:w-full",
"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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg md:w-full dark:border-neutral-800 dark:bg-neutral-950",
className,
)}
{...props}
@@ -90,7 +90,7 @@ const AlertDialogCancel = React.forwardRef<
>(({ className, ...props }, ref) => (
<AlertDialogPrimitive.Cancel
ref={ref}
className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
className={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:!mt-0", className)}
{...props}
/>
));
1 change: 0 additions & 1 deletion packages/react-databrowser/src/lib/clients.ts
Original file line number Diff line number Diff line change
@@ -19,7 +19,6 @@ export const redisClient = (databrowser?: DatabrowserProps) => {
token,
enableAutoPipelining: true,
automaticDeserialization: false,
keepAlive: false,
});

return redis;

0 comments on commit c36b7c6

Please sign in to comment.