fix style

src/layout/index.vue

@@ -43,7 +43,7 @@
               @click="toggleSubMenu(item.path)"
             >
               <Icon :icon="item.icon" width="20" height="20" class="layout__nav-icon" />
-              <span v-show="sidebarOpened || isMobile">{{ t(item.title) }}</span>
+              <span class="layout__nav-item-text" v-show="sidebarOpened || isMobile">{{ t(item.title) }}</span>
               <svg
                 v-show="sidebarOpened || isMobile"
                 class="layout__nav-arrow"
@@ -567,7 +567,7 @@ onUnmounted(() => {
   // Navigation
   &__nav {
     flex: 1;
-    padding: 1.5rem 1rem;
+    padding: 1rem 0.725rem;
     overflow-y: auto;
     display: flex;
     flex-direction: column;
@@ -597,6 +597,12 @@ onUnmounted(() => {
     }
   }
 
+  &__nav-item-text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   &__nav-icon {
     width: 1.25rem;
     height: 1.25rem;