Browse Source

fix: Fixed padding alignment of fields modal

pull/6802/head
Muhammed Mustafa 1 year ago
parent
commit
92a892840c
  1. 10
      packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue

10
packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue

@ -316,7 +316,7 @@ useMenuCloseOnEsc(open)
<div class="p-4 pr-0 bg-white w-90 rounded-2xl nc-table-toolbar-menu" data-testid="nc-fields-menu" @click.stop> <div class="p-4 pr-0 bg-white w-90 rounded-2xl nc-table-toolbar-menu" data-testid="nc-fields-menu" @click.stop>
<div <div
v-if="!filterQuery && !isPublic && (activeView?.type === ViewTypes.GALLERY || activeView?.type === ViewTypes.KANBAN)" v-if="!filterQuery && !isPublic && (activeView?.type === ViewTypes.GALLERY || activeView?.type === ViewTypes.KANBAN)"
class="flex flex-col gap-y-2 pr-6 mb-6" class="flex flex-col gap-y-2 pr-4 mb-6"
> >
<div class="flex text-sm select-none">Select cover image field</div> <div class="flex text-sm select-none">Select cover image field</div>
<a-select <a-select
@ -330,17 +330,17 @@ useMenuCloseOnEsc(open)
</a-select> </a-select>
</div> </div>
<div class="pr-6" @click.stop> <div class="pr-4" @click.stop>
<a-input v-model:value="filterQuery" :placeholder="$t('placeholder.searchFields')" class="!rounded-lg"> <a-input v-model:value="filterQuery" :placeholder="$t('placeholder.searchFields')" class="!rounded-lg">
<template #prefix> <img src="~/assets/nc-icons/search.svg" class="h-3.5 w-3.5 mr-1" /> </template <template #prefix> <img src="~/assets/nc-icons/search.svg" class="h-3.5 w-3.5 mr-1" /> </template
></a-input> ></a-input>
</div> </div>
<div v-if="!filterQuery" class="pr-6"> <div v-if="!filterQuery" class="pr-4">
<div class="pt-0.25 w-full bg-gray-50"></div> <div class="pt-0.25 w-full bg-gray-50"></div>
</div> </div>
<div class="flex flex-col my-1.5 nc-scrollbar-md max-h-[47.5vh] pr-5"> <div class="flex flex-col my-1.5 nc-scrollbar-md max-h-[47.5vh] pr-3">
<div class="nc-fields-list"> <div class="nc-fields-list">
<div <div
v-if="!fields?.filter((el) => el.title.toLowerCase().includes(filterQuery.toLowerCase())).length" v-if="!fields?.filter((el) => el.title.toLowerCase().includes(filterQuery.toLowerCase())).length"
@ -421,7 +421,7 @@ useMenuCloseOnEsc(open)
</Draggable> </Draggable>
</div> </div>
</div> </div>
<div class="flex pr-6 mt-1 gap-2"> <div class="flex pr-4 mt-1 gap-2">
<NcButton <NcButton
v-if="!filterQuery" v-if="!filterQuery"
type="ghost" type="ghost"

Loading…
Cancel
Save