feat: setting for mobile friendly

src/common/component/InviteLink.tsx

@@ -16,7 +16,7 @@ const InviteLink: FC<Props> = () => {
   return (
     <div className="flex flex-col items-start pb-8">
       <span className="font-semibold text-sm mb-2 text-gray-500 dark:text-gray-50">{t("share_invite_link")}</span>
-      <div className="w-[512px] mb-3 relative">
+      <div className="w-full md:w-[512px] mb-3 relative">
         <Input readOnly className={"large !pr-16"} placeholder="Generating" value={link} />
         <Button onClick={copyLink} className="ghost small border_less absolute right-1 top-1/2 -translate-y-1/2">
           {linkCopied ? "Copied" : t("action.copy", { ns: "common" })}
@@ -24,7 +24,7 @@ const InviteLink: FC<Props> = () => {
       </div>
       <span className="text-xs text-gray-600 dark:text-gray-100">{t("invite_link_expire")}</span>
       <div className="w-44 h-44 my-2">
-        <QRCode link={link} />
+        <QRCode size={1200} link={link} />
       </div>
       <Button className="ghost" disabled={generating} onClick={handleNewLink}>
         {generating ? `Generating` : t("generate_new_link")}