improvement: tasks UI responsivness improved for mobile devices.
This commit is contained in:
@@ -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')}
|
||||
|
||||
Reference in New Issue
Block a user