fix: z-infinity not working

Author: molvqingtai

src/app/content/components/message-input.tsx

@@ -58,7 +58,7 @@ const MessageInput = ({
           onInput={onInput}
           disabled={disabled || loading}
           className={cn(
-            'box-border resize-none whitespace-pre-wrap text-foreground break-words border-none bg-slate-100 pb-5 [word-break:break-word] dark:bg-slate-800 focus-visible:ring-0',
+            'box-border resize-none whitespace-pre-wrap px-2 text-sm text-foreground break-words border-none bg-slate-100 pb-5 [word-break:break-word] dark:bg-slate-800 focus-visible:ring-0',
             {
               'disabled:opacity-100': loading
             }

src/assets/styles/tailwind.css

@@ -111,7 +111,7 @@
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
 
-  --z-index-infinity: 'calc(infinity)';
+  --z-index-infinity: calc(infinity);
   --text-2xs: 0.625rem;
   --animate-meteor: meteor 5s linear infinite;
   --animate-pulse: pulse var(--duration) ease-out infinite;

src/components/ui/hover-card.tsx

@@ -25,7 +25,7 @@ function HoverCardContent({
         align={align}
         sideOffset={sideOffset}
         className={cn(
-          'bg-popover text-popover-foreground 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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
+          'bg-popover text-popover-foreground 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-infinity w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
           className
         )}
         {...props}