fix(ui): fix SortDropdown height alignment — appearance-none + items-stretch
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Has been cancelled
CI / Backend Unit Tests (pull_request) Has been cancelled

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-06 15:57:35 +02:00
parent fc3496abb6
commit 79250fb705

View File

@@ -13,11 +13,11 @@ function toggleDir() {
} }
</script> </script>
<div class="inline-flex items-center"> <div class="inline-flex items-stretch">
<select <select
role="combobox" role="combobox"
bind:value={sort} bind:value={sort}
class="border border-line bg-muted px-4 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring" class="appearance-none border border-line bg-muted px-4 py-2.5 text-sm font-bold text-ink-2 transition hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
> >
<option value="DATE">{m.docs_sort_date()}</option> <option value="DATE">{m.docs_sort_date()}</option>
<option value="TITLE">{m.docs_sort_title()}</option> <option value="TITLE">{m.docs_sort_title()}</option>