Improve mobile layout for admin

app/(ui)/artifact/admin/[id]/client.tsx

@@ -35,13 +35,13 @@ export function EnkaBrowser({
       {!ready && !error && (
         <ScanSearch
           className={cn(
-            "animate-pulse absolute left-1/2 -translate-x-1/2 -translate-y-1/2 size-8 text-muted-foreground z-100",
+            "animate-pulse absolute left-1/2 -translate-x-1/2 -translate-y-1/2 size-8 text-muted-foreground z-45",
             useWeb ? "top-[calc(50%+80px)]" : "top-1/2",
           )}
         />
       )}
       {error && (
-        <div className="flex flex-col items-center gap-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-100">
+        <div className="flex flex-col items-center gap-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-40">
           <OctagonAlert className="size-8 text-red-500" />
           <span>ไม่สามารถโหลดข้อมูลตัวละคร</span>
         </div>
@@ -51,7 +51,7 @@ export function EnkaBrowser({
           <Button
             variant="outline"
             className={cn(
-              "absolute left-1 z-110 bg-[#222a]! backdrop-blur-sm opacity-20 hover:opacity-100",
+              "absolute left-1 z-45 bg-[#222a]! backdrop-blur-sm opacity-20 hover:opacity-100",
               useWeb ? "-bottom-19" : "bottom-1",
             )}
             size="icon"
@@ -78,7 +78,7 @@ export function EnkaBrowser({
       ) : (
         <div
           className={cn(
-            "w-full h-full border-0 bg-card transition-[filter]",
+            "w-full h-full border-0 bg-card transition-[filter] portrait:rotate-90 portrait:scale-175",
             (!ready || error) &&
               "grayscale blur-md brightness-50 pointer-events-none",
           )}

app/(ui)/artifact/admin/layout.tsx

@@ -22,6 +22,7 @@ import {
   SidebarInset,
   SidebarMenu,
   SidebarProvider,
+  SidebarTrigger,
 } from "@/components/ui/sidebar";
 import { getArtifactConfig, random, wipe } from "@/lib/api";
 import { adminCheck } from "@/lib/auth";
@@ -107,6 +108,9 @@ export default async function AdminLayout({
       </Sidebar>
       <SidebarInset className="bg-transparent">
         {children}
+        <div className="absolute block md:hidden opacity-50 hover:opacity-100 bottom-15 left-4">
+          <SidebarTrigger />
+        </div>
         <Watcher />
       </SidebarInset>
     </SidebarProvider>

app/(ui)/rubgram/admin/layout.tsx

@@ -22,6 +22,7 @@ import {
   SidebarInset,
   SidebarMenu,
   SidebarProvider,
+  SidebarTrigger,
 } from "@/components/ui/sidebar";
 import { adminCheck } from "@/lib/auth";
 import { db } from "@/lib/db";
@@ -107,6 +108,9 @@ export default async function AdminLayout({
       </Sidebar>
       <SidebarInset className="bg-transparent">
         {children}
+        <div className="absolute block md:hidden opacity-50 hover:opacity-100 bottom-1 left-1">
+          <SidebarTrigger />
+        </div>
         <Watcher />
       </SidebarInset>
     </SidebarProvider>

app/(ui)/rubgram/page.tsx

@@ -205,11 +205,10 @@ export default async function EndgamePage() {
                       id="name"
                       name="name"
                       type="text"
-                      placeholder="Mr.Buzz"
+                      placeholder={session?.display || "Mr. Buzz"}
                       autoComplete="name"
                       maxLength={32}
                       required
-                      defaultValue={session?.display}
                     />
                   </div>
 

app/(ui)/rubgram/rules.tsx

@@ -35,9 +35,7 @@ export function RulesDialog({
           <br />
           4. หากไม่มาตามคิวที่ลงไว้ จะถูกข้ามคิวไปก่อน ถ้ากลับมาแล้วทักหาด้วย เดี๋ยวลืม
           <br />
-          5. หากใช้ Turemoney แล้วสแกน PromptPay ไม่ได้ จะไม่สามารถลงคิวได้
-          <br />
-          6. จะมีเวลาให้สแกนจ่านเงิน 20 นาที หากเกินเวลาแล้วต้องลงคิวใหม่
+          5. หากใช้ Truemoney แล้วสแกน PromptPay ไม่ได้ จะไม่สามารถลงคิวได้
         </p>
         <DialogFooter>
           <DialogClose asChild>