From 815e4b8f16751d1af246204e1abc28bea6f83dad Mon Sep 17 00:00:00 2001
From: Andrei Kuchuk <kreezag@gmail.com>
Date: Sun, 28 Jul 2024 19:40:50 +0400
Subject: [PATCH] #212 add key to project dropdown

---
 .../ui/layout-sidebar/layout-sidebar.vue       | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/widgets/ui/layout-sidebar/layout-sidebar.vue b/src/widgets/ui/layout-sidebar/layout-sidebar.vue
index 5482e6dc..1e71056c 100644
--- a/src/widgets/ui/layout-sidebar/layout-sidebar.vue
+++ b/src/widgets/ui/layout-sidebar/layout-sidebar.vue
@@ -225,7 +225,12 @@ const generateRadialGradient = (input: string) =>
           {{ makeShortTitle(project.name) }}
         </span>
 
-        {{ project.name }}
+        <div class="layout-sidebar__dropdown-item-text">
+          <span class="layout-sidebar__dropdown-item-text-key">
+            {{ project.key }}
+          </span>
+          {{ project.name }}
+        </div>
       </button>
     </div>
 
@@ -349,7 +354,16 @@ const generateRadialGradient = (input: string) =>
   @apply text-2xs font-semibold uppercase;
   @apply h-6 md:h-8 w-7 md:w-8 rounded-lg;
   @apply flex items-center justify-center relative flex-shrink-0;
-  @apply text-white dark:text-black;
+  @apply text-white dark:text-black self-start;
+}
+
+.layout-sidebar__dropdown-item-text {
+  @apply flex flex-col;
+}
+
+.layout-sidebar__dropdown-item-text-key {
+  @apply text-2xs uppercase font-normal -mt-0.5;
+  @apply text-gray-600 dark:text-gray-400;
 }
 
 .layout-sidebar__dropdown {