refactor(ui): use icon-only create actions in list pages

This commit is contained in:
2026-04-25 19:06:58 +03:30
parent 204b093937
commit 679d1cafb6
4 changed files with 12 additions and 8 deletions

View File

@@ -125,9 +125,12 @@ export default function Clients() {
</div>
{canCreateClient && (
<Button onClick={() => setIsCreateModalOpen(true)} className="flex items-center gap-2">
<Button
onClick={() => setIsCreateModalOpen(true)}
size="icon"
title={t.clients.addClient}
>
<Plus className="w-4 h-4" />
{t.clients.addClient}
</Button>
)}
</div>

View File

@@ -142,10 +142,11 @@ export const Projects: React.FC = () => {
{canCreateProject && (
<Button
onClick={() => setIsCreateModalOpen(true)}
className="gap-2 shadow-sm flex-1 sm:flex-none"
size="icon"
className="shadow-sm"
title={t.projects?.createNew || 'Create New'}
>
<Plus className="h-5 w-5" />
{t.projects?.createNew || 'Create New'}
</Button>
)}
</div>

View File

@@ -152,9 +152,8 @@ export default function Tags() {
</p>
</div>
{canCreateTag && (
<Button onClick={openCreateModal} className="gap-2 shadow-sm">
<Button onClick={openCreateModal} size="icon" className="shadow-sm" title={t.tags?.create || "Create Tag"}>
<Plus className="h-4 w-4" />
{t.tags?.create || "Create Tag"}
</Button>
)}
</div>

View File

@@ -124,10 +124,11 @@ export default function Workspaces() {
</div>
<Button
onClick={() => navigate('/workspaces/create')}
className="gap-2 shadow-sm"
size="icon"
className="shadow-sm"
title={t.workspace?.createNew || 'Create New'}
>
<Plus className="h-5 w-5" />
{t.workspace?.createNew || 'Create New'}
</Button>
</div>