polish: refine admin ui controls

src/app/(user)/store/streaming-detail-dialog.tsx

@@ -60,7 +60,7 @@ export function StreamingDetailDialog({ open, onOpenChange, plan }: Props) {
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-2xl max-h-[90vh] overflow-hidden flex flex-col">
+      <DialogContent className="flex max-h-[90vh] max-w-[30rem] flex-col overflow-hidden">
         <DialogHeader>
           <div className="inline-flex w-fit items-center gap-2 rounded-full border border-amber-500/15 bg-amber-500/10 px-2.5 py-1 text-[0.68rem] font-semibold tracking-[0.14em] text-amber-700 dark:text-amber-300">
             <Film className="size-3.5" /> STREAMING
@@ -71,7 +71,7 @@ export function StreamingDetailDialog({ open, onOpenChange, plan }: Props) {
           </DialogDescription>
         </DialogHeader>
 
-        <div className="overflow-y-auto -mx-6 px-6 space-y-5">
+        <div className="-mx-4 space-y-3 overflow-y-auto px-4">
           {plan.description && (
             <div>
               <p className="mb-2 text-xs font-semibold tracking-[0.14em] text-muted-foreground">
@@ -102,7 +102,7 @@ export function StreamingDetailDialog({ open, onOpenChange, plan }: Props) {
 
           <div className="grid gap-2 sm:grid-cols-2">
             <Button
-              size="lg"
+              className="h-8"
               variant="outline"
               onClick={handleAddToCart}
               disabled={cartLoading || !plan.isAvailable}
@@ -111,7 +111,7 @@ export function StreamingDetailDialog({ open, onOpenChange, plan }: Props) {
               {cartLoading ? "正在加入..." : "加入购物车"}
             </Button>
             <Button
-              size="lg"
+              className="h-8"
               onClick={handlePurchase}
               disabled={loading || !plan.isAvailable}
             >
@@ -121,9 +121,8 @@ export function StreamingDetailDialog({ open, onOpenChange, plan }: Props) {
 
           {!plan.isAvailable && (
             <Button
-              size="lg"
               variant="outline"
-              className="w-full"
+              className="h-8 w-full"
               onClick={checkAvailability}
               disabled={checking}
             >