Browse Source

misc: padding fix

pull/9351/head
Raju Udava 3 months ago committed by Ramesh Mane
parent
commit
7771dfdd9f
  1. 5
      packages/nc-gui/components/extensions/Market.vue

5
packages/nc-gui/components/extensions/Market.vue

@ -149,14 +149,14 @@ const handleSetActiveTab = (tab: TabItem) => {
<div class="h-full flex flex-col gap-6 flex-1 pt-2 px-6 max-w-[900px] w-full mx-auto"> <div class="h-full flex flex-col gap-6 flex-1 pt-2 px-6 max-w-[900px] w-full mx-auto">
<div v-if="searchQuery" class="text-base text-nc-content-gray-subtle">Search result for {{ searchQuery }}</div> <div v-if="searchQuery" class="text-base text-nc-content-gray-subtle">Search result for {{ searchQuery }}</div>
<div <div
class="flex flex-wrap gap-4 overflow-auto nc-scrollbar-thin pb-2" class="flex flex-wrap gap-6 overflow-auto nc-scrollbar-thin pb-2"
:class="{ :class="{
'h-full': searchQuery && !filteredAvailableExtensions.length && availableExtensions.length, 'h-full': searchQuery && !filteredAvailableExtensions.length && availableExtensions.length,
}" }"
> >
<template v-for="ext of filteredAvailableExtensions" :key="ext.id"> <template v-for="ext of filteredAvailableExtensions" :key="ext.id">
<div <div
class="nc-market-extension-item w-full md:w-[calc(50%_-_8px)] flex items-center gap-3 border-1 rounded-xl p-3 cursor-pointer hover:bg-gray-50 transition-all" class="nc-market-extension-item w-full md:w-[calc(50%_-_12px)] flex items-center gap-3 border-1 rounded-xl p-3 cursor-pointer hover:bg-gray-50 transition-all"
@click="onExtensionClick(ext.id)" @click="onExtensionClick(ext.id)"
> >
<div class="h-[60px] w-[60px] overflow-hidden m-auto flex-none"> <div class="h-[60px] w-[60px] overflow-hidden m-auto flex-none">
@ -177,7 +177,6 @@ const handleSetActiveTab = (tab: TabItem) => {
</NcButton> </NcButton>
</div> </div>
</template> </template>
<div <div
v-if="searchQuery && !filteredAvailableExtensions.length && availableExtensions.length" v-if="searchQuery && !filteredAvailableExtensions.length && availableExtensions.length"
class="w-full h-full flex items-center justify-center" class="w-full h-full flex items-center justify-center"

Loading…
Cancel
Save