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

style(timesheet): add loading skeleton and soften dark surfaces

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-04-29 02:05:53 +03:30
parent cb4a7ae118
commit e60a4c9ab4
2 changed files with 128 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/timesheet/TimesheetFilterBar.tsx
View File

@@ -271,7 +271,7 @@ export default function TimesheetFilterBar({
);
return (
<div className="rounded-lg border border-slate-200 bg-white p-2.5 shadow-sm dark:border-slate-800 dark:bg-slate-900">
<div className="rounded-lg border border-slate-200 bg-white p-2.5 shadow-sm dark:border-slate-700 dark:bg-slate-900/95">
<div className="flex flex-col gap-2">
<div className="flex items-center gap-2">
<div className="relative min-w-0 flex-1">
@@ -332,7 +332,7 @@ export default function TimesheetFilterBar({
</div>
{isExpanded && (
<div className="border-t border-slate-200 pt-2 dark:border-slate-800">
<div className="border-t border-slate-200 pt-2 dark:border-slate-700">
<div className="grid gap-2 md:grid-cols-2 xl:grid-cols-[minmax(0,0.9fr)_minmax(0,0.9fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1.2fr)]">
<MiniFilterBlock icon={<CalendarRange className="h-3.5 w-3.5" />} label={labels?.customFrom || "From date"}>
<JalaliDatePicker