fix: spacing and font-size corrections

nocodb · May 8, 2024 · 76430c2 · 76430c2
1 parent 320fbe7
commit 76430c2
Showing 1 changed file with 18 additions and 5 deletions.
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue
@@ -465,7 +465,7 @@ const onLogicalOpUpdate = async (filter: Filter, index: number) => {
             </div>
           </template>
           <div v-else class="flex flex-row gap-x-0 w-full nc-filter-wrapper" :class="`nc-filter-wrapper-${filter.fk_column_id}`">
-            <span v-if="!i" class="flex items-center ml-2 mr-7.35">{{ $t('labels.where') }}</span>
+            <div v-if="!i" class="flex items-center !min-w-20 !max-w-20 pl-2">{{ $t('labels.where') }}</div>
 
             <NcSelect
               v-else
@@ -695,20 +695,33 @@ const onLogicalOpUpdate = async (filter: Filter, index: number) => {
 }
 
 .nc-filter-wrapper {
-  border-radius: 4px !important;
+  border-radius: 8px !important;
   border: solid 1px #eee !important;
-  border-bottom-right-radius: 0 !important;
-  border-top-right-radius: 0;
+  background: white;
 }
 
 .nc-filter-wrapper > * > :deep(.ant-select-selector) {
   border: none !important;
   box-shadow: none !important;
   /*border-radius: 0 !important;*/
 }
-.nc-filter-wrapper > :not(:last-child):not(:empty){
+.nc-filter-wrapper > :not(:last-child):not(:empty) {
   border-right: 1px solid #eee !important;
   border-bottom-right-radius: 0 !important;
   border-top-right-radius: 0 !important;
 }
+.nc-filter-wrapper > :not(:first-child) {
+  border-bottom-left-radius: 0 !important;
+  border-top-left-radius: 0 !important;
+}
+
+:deep(::placeholder) {
+  @apply text-sm;
+}
+:deep(::-ms-input-placeholder) {
+  @apply text-sm;
+}
+:deep(input) {
+  @apply text-sm;
+}
 </style>