반응형 웹 디자인 적용

app/(admin)/maestros/[maestroId]/ExtensionRequestsSection.tsx

@@ -63,15 +63,15 @@ export function ExtensionRequestsSection({
   }
 
   return (
-    <section className="rounded-lg border bg-background p-5">
-      <div className="flex items-start justify-between gap-2">
+    <section className="overflow-hidden rounded-lg border bg-background p-5">
+      <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
         <div>
           <h2 className="text-base font-semibold">연장 신청 이력</h2>
           <p className="mt-1 text-sm text-muted-foreground">
             전체 {totalCount.toLocaleString()}건 중 최근 20건
           </p>
         </div>
-        <div className="flex flex-col items-end gap-1">
+        <div className="flex flex-col items-start gap-1 sm:items-end">
           <Button
             disabled={isDisabled || !isPaidAccount}
             onClick={() => void handleCreate()}