Skip to content

Commit

Permalink
fix toaster padding
Browse files Browse the repository at this point in the history
  • Loading branch information
@gokulkrishh
gokulkrishh committed Aug 8, 2023
1 parent 11a515b commit a503dbd
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
2 changes: 1 addition & 1 deletion components/ui/toast.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ const ToastViewport = React.forwardRef<
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;

const toastVariants = cva(
'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border px-4 py-3 sm:py-2 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-20 data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full',
'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border px-2.5 py-2 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-20 data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full',
{
variants: {
variant: {
Expand Down
6 changes: 3 additions & 3 deletions components/ui/toaster.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,9 @@ export function Toaster() {
{title && <ToastTitle>{title}</ToastTitle>}
{description && (
<ToastDescription className="flex items-center">
{isSuccess ? <CheckCircle2 className="mr-1.5 h-5 w-5" /> : null}
{isFailure ? <XCircle className="mr-1.5 h-5 w-5" /> : null}
{isInfo ? <Info className="mr-1.5 h-5 w-5" /> : null}
{isSuccess ? <CheckCircle2 className="mr-1.5 h-[18x] w-[18px]" /> : null}
{isFailure ? <XCircle className="mr-1.5 h-[18x] w-[18px]" /> : null}
{isInfo ? <Info className="mr-1.5 h-[18x] w-[18px]" /> : null}
{description}
</ToastDescription>
)}
Expand Down

1 comment on commit a503dbd

@vercel
Copy link

@vercel vercel bot commented on a503dbd Aug 8, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

expense-fyi – ./

expense-fyi-git-main-gokulkrishh-s-team.vercel.app
expense-fyi-gokulkrishh-s-team.vercel.app
expense.fyi
app.expense.fyi

Please sign in to comment.