tkmind/tkmind_go
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

fix: fixed chat mode extension list modal scroll (#4305)

Browse Source 
Signed-off-by: Abhijay007 <Abhijay007j@gmail.com>
This commit is contained in:
Abhijay Jain
2025-08-25 23:01:51 +05:30
committed by GitHub
parent 9fe20f981f
commit e7ee5fc2f1
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/desktop/src/components/settings/permission/PermissionRulesModal.tsx
+7 -8
View File
@@ -1,6 +1,5 @@
import React, { useCallback, useEffect, useState } from 'react'; import React, { useCallback, useEffect, useState } from 'react';
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/dialog'; import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../../ui/dialog';
import { ScrollArea } from '../../ui/scroll-area';
import { FixedExtensionEntry, useConfig } from '../../ConfigContext'; import { FixedExtensionEntry, useConfig } from '../../ConfigContext';
import { ChevronRight } from 'lucide-react'; import { ChevronRight } from 'lucide-react';
import PermissionModal from './PermissionModal'; import PermissionModal from './PermissionModal';
@@ -86,8 +85,8 @@ export default function PermissionRulesModal({ isOpen, onClose }: PermissionRule
return ( return (
<Dialog open={isOpen} onOpenChange={onClose}> <Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className="sm:max-w-[800px] max-h-[80vh] p-0"> <DialogContent className="sm:max-w-[800px] max-h-[80vh] p-0 flex flex-col overflow-hidden">
<DialogHeader className="px-8 pt-6 pb-4"> <DialogHeader className="px-8 pt-6 pb-4 flex-shrink-0">
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="rounded-full bg-background-inverse w-16 h-16 flex items-center justify-center"> <div className="rounded-full bg-background-inverse w-16 h-16 flex items-center justify-center">
<svg <svg
@@ -117,13 +116,13 @@ export default function PermissionRulesModal({ isOpen, onClose }: PermissionRule
</div> </div>
</DialogHeader> </DialogHeader>
<ScrollArea className="flex-1 px-8 pb-8"> <div className="flex-1 overflow-y-auto px-8 pb-8 min-h-0">
<div className="space-y-8"> <div className="space-y-4">
{/* Extension Rules Section */} {/* Extension Rules Section */}
<RulesSection <RulesSection
title="Extension rules" title="Extension rules"
rules={ rules={
<> <div className="space-y-2">
{extensions.map((extension) => ( {extensions.map((extension) => (
<RuleItem <RuleItem
key={extension.name} key={extension.name}
@@ -131,11 +130,11 @@ export default function PermissionRulesModal({ isOpen, onClose }: PermissionRule
description={'description' in extension ? extension.description || '' : ''} description={'description' in extension ? extension.description || '' : ''}
/> />
))} ))}
</> </div>
} }
/> />
</div> </div>
</ScrollArea> </div>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
); );