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> </div>
{canCreateClient && ( {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" /> <Plus className="w-4 h-4" />
{t.clients.addClient}
</Button> </Button>
)} )}
</div> </div>

View File

@@ -142,10 +142,11 @@ export const Projects: React.FC = () => {
{canCreateProject && ( {canCreateProject && (
<Button <Button
onClick={() => setIsCreateModalOpen(true)} 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" /> <Plus className="h-5 w-5" />
{t.projects?.createNew || 'Create New'}
</Button> </Button>
)} )}
</div> </div>

View File

@@ -152,9 +152,8 @@ export default function Tags() {
</p> </p>
</div> </div>
{canCreateTag && ( {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" /> <Plus className="h-4 w-4" />
{t.tags?.create || "Create Tag"}
</Button> </Button>
)} )}
</div> </div>

View File

@@ -124,10 +124,11 @@ export default function Workspaces() {
</div> </div>
<Button <Button
onClick={() => navigate('/workspaces/create')} 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" /> <Plus className="h-5 w-5" />
{t.workspace?.createNew || 'Create New'}
</Button> </Button>
</div> </div>