Browse Source

fix: Consistent height for filter input fields

Sean Blackburn 10 months ago
parent
commit
05563738c5
1 changed files with 10 additions and 7 deletions
  1. 10 7
      src/components/general/ClassFilter.vue

+ 10 - 7
src/components/general/ClassFilter.vue

@@ -3,7 +3,7 @@
     <select
       v-if="showType"
       v-model="ruleset.column"
-      class="w-2/6 md:w-3/12"
+      class="w-2/6 md:w-3/12 h-10 px-2"
       name="searchType"
       @change="filterTypeChanged"
     >
@@ -26,7 +26,7 @@
           <WeekdayTimePicker
             v-model="(ruleset.filterData as Record<string, number>).startTime"
             :disable-greater-than="disableUpper"
-            class="w-full"
+            class="w-full h-10"
           />
         </div>
         <div class="flex items-center">
@@ -34,7 +34,7 @@
           <WeekdayTimePicker
             v-model="(ruleset.filterData as Record<string, number>).endTime"
             :disable-lower-than="disableLower"
-            class="w-full"
+            class="w-full h-10"
           />
         </div>
       </div>
@@ -43,7 +43,7 @@
         v-else-if="ruleset.column == ClassSelectorColumn.Degree"
         id="degreeSelector"
         v-model="ruleset.filterData.degree"
-        class="w-full"
+        class="w-full h-10"
         @change="
           () =>
             stateStore.updateLastSelectedDegreeProgram(
@@ -65,7 +65,7 @@
         v-else-if="ruleset.column == ClassSelectorColumn.TeachingType"
         id="teachingTypeSelector"
         v-model="ruleset.filterData.teachingType"
-        class="w-full capitalize"
+        class="w-full capitalize h-10"
       >
         <option default value="">Alle</option>
         <option v-for="name in TeachingType" :key="name" :value="name">
@@ -76,7 +76,7 @@
       <input
         v-else
         v-model="ruleset.filterData.term"
-        class="w-full"
+        class="w-full h-10"
         name="search"
         type="text"
         :placeholder="searchPlaceholderText"
@@ -84,7 +84,10 @@
       />
     </div>
 
-    <div v-if="showAddRemove" class="w-32 flex justify-center items-center">
+    <div
+      v-if="showAddRemove"
+      class="w-32 h-10 flex justify-center items-center"
+    >
       <button
         class="action-button"
         title="Neuen Filter nach diesem einfügen"