improvement: tasks UI responsivness improved for mobile devices.

This commit is contained in:
2026-07-13 16:49:24 +03:30
parent 08a1f34c4f
commit 547457d637
8 changed files with 95 additions and 74 deletions

View File

@@ -282,7 +282,7 @@ export function TasksPage() {
[canEdit, loadTasks, setError, showError, showSuccess, statusFilter, t, tErrors],
);
const filterSelectClass = `${FORM_SELECT_CLASS} w-full rounded-md px-2 py-1.5 text-sm`;
const filterSelectClass = `${FORM_SELECT_CLASS} w-full min-h-[44px] rounded-md px-2 py-2 text-base sm:min-h-0 sm:py-1.5 sm:text-sm`;
const sortHintKey = useMemo(() => {
switch (sortBy) {
@@ -467,7 +467,7 @@ export function TasksPage() {
) : null}
</section>
<section className="surface-card min-h-[280px]">
<section className="surface-card min-h-[280px] overflow-x-hidden">
{(loading || locatingCase) && tasks.length === 0 ? (
<p className="p-3 text-sm text-text-muted">
{locatingCase ? t('locatingCase') : t('loading')}