From 41405026153d41e800d5e350edaf2f23475d2ac5 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Thu, 4 Jun 2026 00:31:59 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9C=D0=B5=D0=BB=D0=BA=D0=B8=D0=B5=20=D1=84?=
 =?UTF-8?q?=D0=B8=D0=BA=D1=81=D1=8B=20=D1=81=D1=82=D0=B8=D0=BB=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyDropMenu.vue  | 6 ++++++
 src/components/UI/ListCard.vue | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/MyDropMenu.vue b/src/components/MyDropMenu.vue
index 8d77add..19e4d0f 100644
--- a/src/components/MyDropMenu.vue
+++ b/src/components/MyDropMenu.vue
@@ -121,6 +121,7 @@ h1 {
 
 .menu-content {
     border-right: none;
+    padding-bottom: 30px;
 }
 
 .menu-content__group-title {
@@ -149,6 +150,11 @@ h1 {
     width: 100%;
 }
 
+.menu-list-item:hover,
+.menu-content :deep(.el-menu-item.menu-list-item:hover) {
+    background-color: transparent !important;
+}
+
 .menu-list-item.is-active {
     background-color: transparent !important;
 }
diff --git a/src/components/UI/ListCard.vue b/src/components/UI/ListCard.vue
index bae2eda..1e1b076 100644
--- a/src/components/UI/ListCard.vue
+++ b/src/components/UI/ListCard.vue
@@ -60,11 +60,11 @@ const imageSrc = computed(() => props.image || APP_LOGO)
     cursor: pointer;
     transition: all 0.2s ease;
     background: rgba(255, 255, 255, 0.05);
+    box-sizing: border-box;
 }
 
 .list-card:hover {
     background: rgba(35, 170, 227, 0.2);
-    transform: translateX(5px);
 }
 
 .list-card--active {
@@ -81,6 +81,7 @@ const imageSrc = computed(() => props.image || APP_LOGO)
 .list-card__image {
     width: 100%;
     height: 100%;
+    background-size: initial;
     object-fit: cover;
     border-radius: 10px;
     border: 1px solid rgba(255, 255, 255, 0.2);
@@ -106,5 +107,8 @@ const imageSrc = computed(() => props.image || APP_LOGO)
     display: block;
     font-size: 11px;
     color: rgba(255, 255, 255, 0.6);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 </style>