Merge pull request #6277 from nocodb/fix/i18

fix: i18n translation button

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>