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

fix(workspaces): preserve workspace thumbnail layout

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-04-29 10:42:50 +03:30
parent e60a4c9ab4
commit eb468333c1
1 changed files with 72 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/Workspaces.tsx
View File

@@ -161,13 +161,15 @@ export default function Workspaces() {
<CardContent className="flex flex-col sm:flex-row items-start sm:items-center justify-between py-4 px-6 gap-4">
<div className="flex-1">
<div className="flex items-center gap-3 mb-2">
<div className="h-9 w-9 shrink-0 overflow-hidden rounded-lg bg-slate-100 dark:bg-slate-600 flex items-center justify-center text-sm font-semibold text-slate-700 dark:text-slate-200">
{workspace.thumbnail ? (
{workspace.thumbnail ? (
<div className="h-9 w-9 shrink-0 overflow-hidden rounded-lg flex items-center justify-center text-sm font-semibold text-slate-700 dark:text-slate-200">
<img src={workspace.thumbnail} alt={workspace.name} className="h-full w-full object-cover" />
) : (
workspace.name.trim().charAt(0).toUpperCase() || "W"
)}
</div>
</div>
) : (
<div className="h-9 w-9 shrink-0 overflow-hidden rounded-lg bg-slate-100 dark:bg-slate-600 flex items-center justify-center text-sm font-semibold text-slate-700 dark:text-slate-200">
{workspace.name.trim().charAt(0).toUpperCase() || "W"}
</div>
)}
<CardTitle className="text-lg line-clamp-1">
{workspace.name}
</CardTitle>