Browse Source

fix: center fields tab

pull/6513/head
DarkPhoenix2704 1 year ago committed by sreehari jayaraj
parent
commit
c3b28e7245
  1. 19
      packages/nc-gui/components/smartsheet/Details.vue

19
packages/nc-gui/components/smartsheet/Details.vue

@ -28,7 +28,16 @@ watch(
<template>
<div class="flex flex-col h-full w-full" data-testid="nc-details-wrapper">
<NcTabs v-model="openedSubTab">
<NcTabs v-model="openedSubTab" centered>
<a-tab-pane v-if="isUIAllowed('fieldAdd')" key="field">
<template #tab>
<div class="tab" data-testid="nc-fields-tab">
<GeneralIcon icon="list" class="tab-icon" :class="{}" />
<div>Fields</div>
</div>
</template>
<SmartsheetDetailsFields />
</a-tab-pane>
<a-tab-pane key="relation">
<template #tab>
<div class="tab" data-testid="nc-relations-tab">
@ -67,6 +76,14 @@ watch(
@apply flex flex-row items-center gap-x-1.5 pr-0.5;
}
:deep(.nc-tabs.centered) {
> .ant-tabs-nav {
.ant-tabs-nav-wrap {
@apply absolute mx-auto -left-1/8 right-0;
}
}
}
:deep(.ant-tabs-nav) {
min-height: calc(var(--topbar-height) - 1.75px);
}

Loading…
Cancel
Save