mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.9 KiB
58 lines
1.9 KiB
<script setup lang="ts"> |
|
const workspaceStore = useWorkspace() |
|
|
|
const { isLeftSidebarOpen } = storeToRefs(useSidebarStore()) |
|
|
|
const { activeWorkspace, isWorkspaceLoading } = storeToRefs(workspaceStore) |
|
</script> |
|
|
|
<template> |
|
<div |
|
class="flex items-center px-2 nc-sidebar-header py-1.2 w-full border-b-1 border-gray-200 group" |
|
:data-workspace-title="activeWorkspace?.title" |
|
style="height: var(--topbar-height)" |
|
> |
|
<div v-if="!isWorkspaceLoading" class="flex flex-row items-center w-full"> |
|
<WorkspaceMenu /> |
|
|
|
<div class="flex flex-grow min-w-1"></div> |
|
|
|
<NcTooltip |
|
class="flex opacity-0 group-hover:opacity-100 transition-opacity duration-50" |
|
:class="{ |
|
'!opacity-100': !isLeftSidebarOpen, |
|
}" |
|
placement="bottom" |
|
hide-on-click |
|
> |
|
<template #title> |
|
{{ |
|
isLeftSidebarOpen |
|
? `${$t('general.hide')} ${$t('objects.sidebar').toLowerCase()}` |
|
: `${$t('general.show')} ${$t('objects.sidebar').toLowerCase()}` |
|
}} |
|
</template> |
|
<NcButton |
|
type="text" |
|
size="small" |
|
class="nc-sidebar-left-toggle-icon !text-gray-700 !hover:text-gray-800 !hover:bg-gray-200" |
|
@click="isLeftSidebarOpen = !isLeftSidebarOpen" |
|
> |
|
<div class="flex items-center text-inherit"> |
|
<GeneralIcon |
|
icon="doubleLeftArrow" |
|
class="duration-150 transition-all !text-lg -mt-0.5" |
|
:class="{ |
|
'transform rotate-180': !isLeftSidebarOpen, |
|
}" |
|
/> |
|
</div> |
|
</NcButton> |
|
</NcTooltip> |
|
</div> |
|
<div v-else class="flex flex-row items-center w-full mt-0.25 ml-2.5 gap-x-3"> |
|
<a-skeleton-input :active="true" class="!w-6 !h-6 !rounded overflow-hidden" /> |
|
<a-skeleton-input :active="true" class="!w-40 !h-6 !rounded overflow-hidden" /> |
|
</div> |
|
</div> |
|
</template>
|
|
|