From e2288c794ef8ff7e53c4b14b1de7d00970c42c2c Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Mon, 19 Feb 2024 05:09:33 +0000
Subject: [PATCH] fix(nc-gui): cmd L right alignment

---
 packages/nc-gui/components/cmd-l/index.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/cmd-l/index.vue b/packages/nc-gui/components/cmd-l/index.vue
index bb622449a1..a077a02df1 100644
--- a/packages/nc-gui/components/cmd-l/index.vue
+++ b/packages/nc-gui/components/cmd-l/index.vue
@@ -214,9 +214,9 @@ onMounted(() => {
               @click="changeView({ viewId: cmdOption.viewId!, tableId: cmdOption.tableID, baseId: cmdOption.baseId })"
             >
               <div class="cmdk-action-content">
-                <div class="flex w-1/2 flex-grow-1 items-center">
+                <div class="flex w-1/2 items-center">
                   <div class="flex gap-2">
-                    <GeneralViewIcon :meta="{ type: cmdOption.viewType }" />
+                    <GeneralViewIcon :meta="{ type: cmdOption.viewType }" class="mt-0.5" />
                     <a-tooltip overlay-class-name="!px-2 !py-1 !rounded-lg">
                       <template #title>
                         {{ cmdOption.viewName }}
@@ -227,25 +227,25 @@ onMounted(() => {
                     </a-tooltip>
                   </div>
                 </div>
-                <div class="flex w-1/2 text-gray-600">
+                <div class="flex w-1/2 justify-end text-gray-600">
                   <div class="flex gap-2 px-2 py-1 rounded-md bg-gray-100 items-center">
-                    <component :is="iconMap.projectGray" class="w-4 h-4 text-transparent" />
+                    <component :is="iconMap.projectGray" class="w-3 h-3 text-transparent" />
                     <a-tooltip overlay-class-name="!px-2 !py-1 !rounded-lg">
                       <template #title>
                         {{ cmdOption.baseName }}
                       </template>
-                      <span class="max-w-32 truncate capitalize">
+                      <span class="max-w-32 text-xs truncate capitalize">
                         {{ cmdOption.baseName }}
                       </span>
                     </a-tooltip>
                     <span class="text-bold"> / </span>
 
-                    <component :is="iconMap.table" class="w-4 h-4 text-transparent" />
+                    <component :is="iconMap.table" class="w-3 h-3 text-transparent" />
                     <a-tooltip overlay-class-name="!px-2 !py-1 !rounded-lg">
                       <template #title>
                         {{ cmdOption.tableName }}
                       </template>
-                      <span class="max-w-28 truncate capitalize">
+                      <span class="max-w-28 text-xs truncate capitalize">
                         {{ cmdOption.tableName }}
                       </span>
                     </a-tooltip>