From 6c608fb6cb8f2c7b2aaca3acf67512e845893491 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Thu, 26 Oct 2023 16:58:45 +0700
Subject: [PATCH] update recent page

---
 src/components/CommandPalettes.vue | 4 ++--
 src/components/Pages/Welcome.vue   | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/CommandPalettes.vue b/src/components/CommandPalettes.vue
index b75a07e..e4209cb 100644
--- a/src/components/CommandPalettes.vue
+++ b/src/components/CommandPalettes.vue
@@ -62,10 +62,10 @@
                                                     :class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
 
                                                 <div class="flex flex-col flex-auto ml-3 space-y-1">
-                                                    <span class="text-sm font-medium text-gray-800 truncate">
+                                                    <span class="text-sm font-medium text-gray-800 truncate line-clamp-1">
                                                         {{ menu.name }}
                                                     </span>
-                                                    <span class="text-xs text-gray-500 ">
+                                                    <span class="text-xs text-gray-500 line-clamp-1">
                                                         {{ menu.path.replace('/home/', '') }}
                                                     </span>
                                                 </div>
diff --git a/src/components/Pages/Welcome.vue b/src/components/Pages/Welcome.vue
index c768861..e0f4ceb 100644
--- a/src/components/Pages/Welcome.vue
+++ b/src/components/Pages/Welcome.vue
@@ -39,10 +39,11 @@
                                     :class="['w-8 h-8 fill-gray-600 group-hover:fill-white']" />
 
                                 <div class="flex flex-col items-start flex-1 ml-3 space-y-1">
-                                    <span class="text-sm font-medium text-gray-800 truncate group-hover:text-white">
+                                    <span
+                                        class="text-sm font-medium text-gray-800 truncate group-hover:text-white line-clamp-1">
                                         {{ menu.name }}
                                     </span>
-                                    <span class="text-xs text-gray-500 group-hover:text-white">
+                                    <span class="text-xs text-gray-500 group-hover:text-white line-clamp-1">
                                         {{ menu.path.replace('/home/', '') }}
                                     </span>
                                 </div>