fix(ui): restore scrolling in API profile create dialog

This commit is contained in:
Tam Nhu Tran
2026-03-01 14:42:07 +07:00
parent bd389fda44
commit 6f8514b74b
@@ -11,7 +11,6 @@ import * as z from 'zod';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { ScrollArea } from '@/components/ui/scroll-area';
import { import {
Select, Select,
SelectContent, SelectContent,
@@ -271,7 +270,7 @@ export function ProfileCreateDialog({
return ( return (
<Dialog open={open} onOpenChange={onOpenChange}> <Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="sm:max-w-[700px] p-0 gap-0 overflow-hidden max-h-[90vh] flex flex-col"> <DialogContent className="sm:max-w-[700px] p-0 gap-0 overflow-hidden max-h-[90vh] !flex !flex-col">
<DialogHeader className="p-6 pb-4 border-b"> <DialogHeader className="p-6 pb-4 border-b">
<DialogTitle className="flex items-center gap-2"> <DialogTitle className="flex items-center gap-2">
<Plus className="w-5 h-5 text-primary" /> <Plus className="w-5 h-5 text-primary" />
@@ -359,7 +358,7 @@ export function ProfileCreateDialog({
</TabsList> </TabsList>
</div> </div>
<ScrollArea className="flex-1 min-h-0"> <div className="flex-1 min-h-0 overflow-y-auto">
<TabsContent value="basic" className="p-6 space-y-4 mt-0"> <TabsContent value="basic" className="p-6 space-y-4 mt-0">
{/* Profile Name */} {/* Profile Name */}
<div className="space-y-1.5"> <div className="space-y-1.5">
@@ -603,7 +602,7 @@ export function ProfileCreateDialog({
</div> </div>
</div> </div>
</TabsContent> </TabsContent>
</ScrollArea> </div>
<DialogFooter className="p-6 pt-4 border-t bg-muted/10"> <DialogFooter className="p-6 pt-4 border-t bg-muted/10">
<Button type="button" variant="outline" onClick={() => onOpenChange(false)}> <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>