(fix): live reactions, message and call invites

(fix): call ui

packages/call/src/components/invitePopup.tsx

@@ -26,7 +26,10 @@ export default function InvitePopup({
       loading={null}
       component={(user) => (
         <Dialog open={open} onOpenChange={setOpen}>
-          <DialogContent className="flex flex-col gap-5 items-center justify-center w-65 h-80">
+          <DialogContent
+            showCloseButton={false}
+            className="flex flex-col gap-5 items-center justify-center w-65 h-80"
+          >
             <Avatar className="size-30">
               <AvatarImage src={user.Avatar} />
               <AvatarFallback className="text-5xl">
@@ -36,14 +39,14 @@ export default function InvitePopup({
             <p className="text-xl font-medium">{user.Display}</p>
             <div className="w-full flex justify-center gap-3">
               <Button
-                className="w-14 h-14"
+                className="w-13 h-13!"
                 variant="destructive"
                 onClick={() => onAccept(false)}
               >
                 <X className="size-5" />
               </Button>
               <Button
-                className="w-14 h-14"
+                className="w-13 h-13!"
                 variant="subtleDefault"
                 onClick={() => onAccept(true)}
               >

packages/call/src/components/modals/base.tsx

@@ -268,7 +268,7 @@ export default function Base({
               flush || fill ? "rounded-none" : "rounded-md"
             } ${
               type === "user" && isSpeaking
-                ? "border-4 border-(--primary-foreground-alt)/75"
+                ? "border-4 border-(--primary-foreground-alt)/75!"
                 : fill
                   ? "border-0"
                   : "border"