Remove pointer-events workarounds and fix Settings section

cgen-2b5dde52fd684cc383804430582af8fb
This commit is contained in:
Builder.io 2025-11-15 04:38:33 +00:00
parent f0984ed516
commit 2abb46a303

View file

@ -1112,26 +1112,25 @@ export default function Dashboard() {
Manage your profile, notifications, and privacy Manage your profile, notifications, and privacy
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent className="pointer-events-auto" style={{pointerEvents: 'auto'}}> <CardContent>
<Tabs value={activeTab} onValueChange={handleTabChange} className="pointer-events-auto" style={{pointerEvents: 'auto'}}> <Tabs value={activeTab} onValueChange={handleTabChange}>
<TabsList className="mb-4 flex flex-wrap gap-2 pointer-events-auto" style={{pointerEvents: 'auto'}}> <TabsList className="mb-4 flex flex-wrap gap-2">
<TabsTrigger value="profile" className="pointer-events-auto" style={{pointerEvents: 'auto'}}>Profile</TabsTrigger> <TabsTrigger value="profile">Profile</TabsTrigger>
<TabsTrigger value="connections" className="pointer-events-auto" style={{pointerEvents: 'auto'}}>Connections</TabsTrigger> <TabsTrigger value="connections">Connections</TabsTrigger>
<TabsTrigger value="notifications" className="pointer-events-auto" style={{pointerEvents: 'auto'}}> <TabsTrigger value="notifications">
Notifications Notifications
</TabsTrigger> </TabsTrigger>
<TabsTrigger value="privacy" className="pointer-events-auto" style={{pointerEvents: 'auto'}}>Privacy</TabsTrigger> <TabsTrigger value="privacy">Privacy</TabsTrigger>
</TabsList> </TabsList>
<TabsContent value="profile" className="space-y-4 pointer-events-auto" style={{pointerEvents: 'auto'}}> <TabsContent value="profile" className="space-y-4">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 pointer-events-auto" style={{pointerEvents: 'auto'}}> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div> <div>
<Label htmlFor="displayName">Display Name</Label> <Label htmlFor="displayName">Display Name</Label>
<Input <Input
id="displayName" id="displayName"
value={displayName} value={displayName}
onChange={(e) => setDisplayName(e.target.value)} onChange={(e) => setDisplayName(e.target.value)}
className="pointer-events-auto"
/> />
</div> </div>
<div> <div>
@ -1139,7 +1138,6 @@ export default function Dashboard() {
<Input <Input
id="location" id="location"
value={locationInput} value={locationInput}
className="pointer-events-auto"
onChange={(e) => setLocationInput(e.target.value)} onChange={(e) => setLocationInput(e.target.value)}
/> />
</div> </div>
@ -1372,8 +1370,8 @@ export default function Dashboard() {
</div> </div>
</TabsContent> </TabsContent>
<TabsContent value="connections" className="space-y-6 pointer-events-auto" style={{pointerEvents: 'auto'}}> <TabsContent value="connections" className="space-y-6">
<div className="space-y-2 pointer-events-auto"> <div className="space-y-2">
<h3 className="text-lg font-semibold text-foreground"> <h3 className="text-lg font-semibold text-foreground">
Linked accounts Linked accounts
</h3> </h3>