Browse Source

fix(gui-v2): project tile correction in shared base

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/3406/head
Pranav C 2 years ago
parent
commit
5613159e39
  1. 25
      packages/nc-gui-v2/pages/[projectType]/[projectId]/index.vue

25
packages/nc-gui-v2/pages/[projectType]/[projectId]/index.vue

@ -176,17 +176,7 @@ const copyAuthToken = async () => {
<img alt="NocoDB" src="~/assets/img/icons/512x512-trans.png" /> <img alt="NocoDB" src="~/assets/img/icons/512x512-trans.png" />
</a> </a>
<div v-if="isSharedBase"> <a-dropdown class="h-full min-w-0 flex-1" :trigger="['click']" placement="bottom">
<template v-if="isOpen">
<div class="text-xl font-semibold truncate">{{ project.title }}</div>
</template>
<template v-else>
<MdiFolder class="text-primary cursor-pointer transform hover:scale-105 text-2xl" />
</template>
</div>
<a-dropdown v-else class="h-full min-w-0 flex-1" :trigger="['click']" placement="bottom">
<div <div
:style="{ width: isOpen ? 'calc(100% - 40px) pr-2' : '100%' }" :style="{ width: isOpen ? 'calc(100% - 40px) pr-2' : '100%' }"
:class="[isOpen ? '' : 'justify-center']" :class="[isOpen ? '' : 'justify-center']"
@ -219,7 +209,7 @@ const copyAuthToken = async () => {
<div class="flex flex-col"> <div class="flex flex-col">
<div class="text-lg group-hover:(!text-primary) font-semibold truncate">{{ project.title }}</div> <div class="text-lg group-hover:(!text-primary) font-semibold truncate">{{ project.title }}</div>
<div class="flex items-center gap-1"> <div v-if="!isSharedBase" class="flex items-center gap-1">
<div class="group-hover:(!text-primary)">ID:</div> <div class="group-hover:(!text-primary)">ID:</div>
<div class="text-xs group-hover:text-accent truncate font-italic">{{ project.id }}</div> <div class="text-xs group-hover:text-accent truncate font-italic">{{ project.id }}</div>
@ -227,7 +217,7 @@ const copyAuthToken = async () => {
</div> </div>
</div> </div>
</template> </template>
<template v-if="!isSharedBase">
<a-menu-item key="copy"> <a-menu-item key="copy">
<div class="nc-project-menu-item group" @click.stop="copyProjectInfo"> <div class="nc-project-menu-item group" @click.stop="copyProjectInfo">
<MdiContentCopy class="group-hover:text-accent" /> <MdiContentCopy class="group-hover:text-accent" />
@ -287,7 +277,12 @@ const copyAuthToken = async () => {
<template #expandIcon></template> <template #expandIcon></template>
<GeneralColorPicker v-model="themePrimaryColor" :colors="enumColor.dark" :row-size="5" :advanced="false" /> <GeneralColorPicker
v-model="themePrimaryColor"
:colors="enumColor.dark"
:row-size="5"
:advanced="false"
/>
<a-sub-menu key="theme-2"> <a-sub-menu key="theme-2">
<template #title> <template #title>
<div class="nc-project-menu-item group"> <div class="nc-project-menu-item group">
@ -347,7 +342,7 @@ const copyAuthToken = async () => {
<GeneralPreviewAs /> <GeneralPreviewAs />
</a-sub-menu> </a-sub-menu>
</template>
<a-sub-menu <a-sub-menu
key="language" key="language"
class="lang-menu !py-0" class="lang-menu !py-0"

Loading…
Cancel
Save