arrow detailed

This commit is contained in:
Edison
2026-01-02 15:15:20 +08:00
parent 2d7ddbb96a
commit 9f65883534
+8 -3
View File
@@ -58,19 +58,24 @@
class="border border-gray-300 dark:border-gray-600 rounded-md px-3 py-2 w-full shadow-sm focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" />
</div>
<div class="shrink-0 flex flex-col gap-2">
<label for="department-filter" class="text-sm font-medium text-gray-700 dark:text-gray-300">{{
$t('departmentFilter') }}</label>
<label for="department-filter" class="text-sm font-medium text-gray-700 dark:text-gray-300">{{
$t('departmentFilter') }}</label>
<div class="relative">
<select
id="department-filter"
v-model="selectedDepartment"
class="border border-gray-300 dark:border-gray-600 rounded-md px-3 py-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-white min-w-[180px]"
class="appearance-none border border-gray-300 dark:border-gray-600 rounded-md pl-3 pr-10 py-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-white min-w-[180px] w-full"
>
<option value="">{{ $t('allDepartments') }}</option>
<option v-for="dept in departments" :key="dept" :value="dept">
{{ dept }}
</option>
</select>
<svg xmlns="http://www.w3.org/2000/svg" class="absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-500 dark:text-gray-400 pointer-events-none" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</div>
</div>
<div class="shrink-0 flex flex-col gap-2">
<label for="export-start-date" class="text-sm font-medium text-gray-700 dark:text-gray-300">{{
$t('startDate') }}</label>