CERBERUS/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-07-04 05:13:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: make the skills create button a compact icon button

Browse source
This commit is contained in:
Marco Beretta 2026-07-02 17:12:57 +02:00
parent 77d1cb58ae
commit 9fa19a71d2
No known key found for this signature in database
GPG key ID: D918033D8E74CC11
1 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
client/src/components/SidePanel/Agents/Tools/SkillsDialog.tsx
View file

@ -164,10 +164,13 @@ export default function SkillsDialog({ open, onOpenChange, agentId }: SkillsDial
</OGDialogDescription>
<div className="flex h-[80vh] max-h-[760px] flex-col">
<div className="flex flex-col gap-3 border-b border-border-light px-6 pb-4 pt-5">
<div className="flex items-center justify-between gap-2 pr-10">
<div className="flex items-center gap-2 pr-10">
<OGDialogTitle className="text-base font-semibold text-text-primary">
{localize('com_ui_skills')}
</OGDialogTitle>
</div>
<div className="flex items-center gap-2">
{hasCreateAccess && (
<Button
type="button"
@ -175,15 +178,11 @@ export default function SkillsDialog({ open, onOpenChange, agentId }: SkillsDial
size="sm"
onClick={() => setCreateOpen(true)}
aria-label={localize('com_ui_create_skill')}
className="shrink-0 gap-1.5"
className="h-[42px] w-[42px] shrink-0 p-0"
>
<Plus className="size-4" aria-hidden="true" />
<span className="truncate">{localize('com_ui_create_skill')}</span>
</Button>
)}
</div>
<div className="flex items-center gap-2">
<div className="relative min-w-0 flex-1">
<Search
className="pointer-events-none absolute left-3 top-1/2 z-[1] size-4 -translate-y-1/2 text-text-tertiary"