refactor(ui): use icon-only create actions in list pages
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user