Browse Source

fix: i18n translation button

pull/6277/head
sreehari jayaraj 1 year ago
parent
commit
0a001eaa87
  1. 32
      packages/nc-gui/layouts/shared-view.vue

32
packages/nc-gui/layouts/shared-view.vue

@ -76,12 +76,40 @@ export default {
</div>
</div>
<div class="flex-1" />
<a-tooltip placement="bottom">
<template #title> Switch language</template>
<LazyGeneralLanguage class="nc-lang-btn" />
</a-tooltip>
</a-layout-header>
<div class="w-full overflow-hidden" style="height: calc(100vh)">
<div class="w-full overflow-scroll" style="height: calc(100vh)">
<slot />
</div>
</a-layout>
</a-layout>
</template>
<style lang="scss">
.nc-lang-btn {
@apply color-transition flex items-center justify-center fixed bottom-10 right-10 z-99 w-12 h-12 rounded-full shadow-md shadow-gray-500 p-2 !bg-primary text-white ring-opacity-100 active:(ring ring-accent) hover:(ring ring-accent);
&::after {
@apply rounded-full absolute top-0 left-0 right-0 bottom-0 transition-all duration-150 ease-in-out bg-primary;
content: '';
z-index: -1;
}
&:hover::after {
@apply transform scale-110 ring ring-accent ring-opacity-100;
}
&:active::after {
@apply ring ring-accent ring-opacity-100;
}
}
.nc-navbar {
@apply flex !bg-white items-center !pl-2 !pr-5;
}
</style>
Loading…
Cancel
Save