Qlockify/qlockify-frontend-deployment
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(lists): align add actions with workspace header

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-04-27 17:13:35 +03:30
parent 13b3bf044d
commit 8cbb818a6e
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/Clients.tsx
View File

@@ -116,7 +116,7 @@ export default function Clients() {
return ( return (
<div className="flex flex-col p-6 min-h-[calc(100vh-73px)] bg-slate-50 dark:bg-slate-900"> <div className="flex flex-col p-6 min-h-[calc(100vh-73px)] bg-slate-50 dark:bg-slate-900">
<div className="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-8"> <div className="flex justify-between items-center mb-8 gap-4">
<div> <div>
<h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.clients.title}</h1> <h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.clients.title}</h1>
<p className="text-slate-500 dark:text-slate-400 text-sm mt-1"> <p className="text-slate-500 dark:text-slate-400 text-sm mt-1">
@@ -128,6 +128,7 @@ export default function Clients() {
<Button <Button
onClick={() => setIsCreateModalOpen(true)} onClick={() => setIsCreateModalOpen(true)}
size="icon" size="icon"
className="shadow-sm shrink-0"
title={t.clients.addClient} title={t.clients.addClient}
> >
<Plus className="w-4 h-4" /> <Plus className="w-4 h-4" />

4
src/pages/Tags.tsx
View File

@@ -144,7 +144,7 @@ export default function Tags() {
return ( return (
<div className="flex flex-col p-6 min-h-[calc(100vh-73px)] bg-slate-50 dark:bg-slate-900"> <div className="flex flex-col p-6 min-h-[calc(100vh-73px)] bg-slate-50 dark:bg-slate-900">
<div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8 gap-4"> <div className="flex justify-between items-center mb-8 gap-4">
<div> <div>
<h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.tags?.title || "Tags"}</h1> <h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.tags?.title || "Tags"}</h1>
<p className="text-slate-500 dark:text-slate-400 mt-1"> <p className="text-slate-500 dark:text-slate-400 mt-1">
@@ -152,7 +152,7 @@ export default function Tags() {
</p> </p>
</div> </div>
{canCreateTag && ( {canCreateTag && (
<Button onClick={openCreateModal} size="icon" className="shadow-sm" title={t.tags?.create || "Create Tag"}> <Button onClick={openCreateModal} size="icon" className="shadow-sm shrink-0" title={t.tags?.create || "Create Tag"}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
</Button> </Button>
)} )}