chore: updates

src/common/component/User/index.tsx

@@ -43,7 +43,7 @@ const User: FC<Props> = ({
   };
   if (!curr) return null;
   const online = curr.online || curr.uid == loginUid;
-  const containerClass = clsx(`relative flex items-center justify-start gap-2 rounded-lg select-none `, interactive && "md:hover:bg-gray-500/10", compact ? "p-0" : "p-2");
+  const containerClass = clsx(`relative flex items-center justify-start gap-2 rounded-lg select-none`, interactive && "md:hover:bg-gray-500/10", compact ? "p-0" : "p-2");
   const nameClass = clsx(`text-sm text-gray-500 max-w-[190px] truncate font-semibold dark:text-white`);
   const statusClass = clsx(`absolute -bottom-0.5 -right-1.5 w-3 h-3 box-content rounded-full border-[2px] border-solid border-white dark:border-gray-300`,
     online ? "bg-green-500" : "bg-zinc-400",

src/routes/chat/GuestBlankPlaceholder.tsx

@@ -26,7 +26,7 @@ const GuestBlankPlaceholder = () => {
       <div className="flex flex-col gap-2">
         <span className="text-gray-400 dark:text-gray-200 my-3 text-sm">{t("guest_login_tip")}</span>
         <div className="w-44 h-44 self-center mb-4">
-          <QRCode size={1200} link={`https://voce.chat/login?s=${encodeURIComponent("https://privoce.voce.chat")}`} />
+          <QRCode size={1200} link={`https://voce.chat/login?s=${encodeURIComponent(location.origin)}`} />
         </div>
         <Button onClick={handleSignIn} className="small">{t("sign_in")}</Button>
       </div>

src/routes/chat/Layout/index.tsx

@@ -130,7 +130,7 @@ const Layout: FC<Props> = ({
             </div>
           </div>
         </main>
-        {aside && <div className={clsx("p-3 absolute right-0 top-0 translate-x-full flex-col hidden md:flex")}>{aside}</div>}
+        {aside && <div className={clsx("z-50 p-3 absolute right-0 top-0 translate-x-full flex-col hidden md:flex")}>{aside}</div>}
         {users && <div className="hidden md:block">{users}</div>}
         {!readonly && isActive && (
           <DnDTip context={context} name={name} />