fix : changed min width for langugage options

packages/nc-gui/assets/style.scss

@@ -448,7 +448,7 @@ a {
 }
 
 .ant-dropdown-menu {
-  @apply !p-0 !rounded;
+  @apply !p-0 !rounded-lg;
 }
 
 .ant-tabs-dropdown-menu-title-content {
@@ -605,6 +605,7 @@ a {
 
 .ant-popover-inner {
   padding: 0 !important;
+  @apply rounded-lg
 }
 .ant-popover-inner-content {
   @apply !px-1.5 !py-1 text-xs;

packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue

@@ -157,7 +157,7 @@ onMounted(() => {
               </NcMenuItem>
 
               <template #content>
-                <div class="bg-white max-h-50vh scrollbar-thin-dull min-w-50 !overflow-auto">
+                <div class="bg-white max-h-50vh scrollbar-thin-dull min-w-64 !overflow-auto">
                   <LazyGeneralLanguageMenu />
                 </div>
               </template>

packages/nc-gui/components/general/language/Menu.vue

@@ -25,7 +25,7 @@ async function changeLanguage(lang: string) {
     <a
       href="https://docs.nocodb.com/engineering/translation/#how-to-contribute--for-community-members"
       target="_blank"
-      class="caption nc-base-menu-item rounded-md py-2 text-primary underline hover:opacity-75"
+      class="caption nc-base-menu-item rounded-md underline hover:!text-primary"
       rel="noopener"
     >
       {{ $t('activity.translate') }}

packages/nc-gui/components/general/language/index.vue

@@ -9,7 +9,7 @@
     </div>
 
     <template #overlay>
-      <a-menu class="nc-scrollbar-dark-md min-w-50 max-h-90vh overflow-auto !p-1 m-1 rounded-md border-1 border-gray-200">
+      <a-menu class="nc-scrollbar-dark-md min-w-64 max-h-90vh overflow-auto !p-1 m-1 rounded-md border-1 border-gray-200">
         <div class="m-1.5"><GeneralLanguageMenu /></div>
       </a-menu>
     </template>