From 3321fbf6fd8600e65e775de167d099285a10e0c4 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Mon, 27 May 2024 16:05:13 +0800
Subject: [PATCH] style: fix the width and height of the redis type tag

---
 frontend/src/components/common/RedisTypeTag.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/components/common/RedisTypeTag.vue b/frontend/src/components/common/RedisTypeTag.vue
index 596add1..059409d 100644
--- a/frontend/src/components/common/RedisTypeTag.vue
+++ b/frontend/src/components/common/RedisTypeTag.vue
@@ -68,6 +68,7 @@ const label = computed(() => {
             'redis-type-tag-small': !props.short && props.size === 'small',
             'redis-type-tag-round': props.round,
             'redis-type-tag-loading': props.loading,
+            'redis-type-tag': props.short,
         }"
         :color="{ color: backgroundColor, textColor: fontColor }"
         :size="props.size"
@@ -112,4 +113,13 @@ const label = computed(() => {
         opacity: 0.4;
     }
 }
+
+.redis-type-tag {
+    width: 22px;
+    height: 22px;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    vertical-align: middle;
+}
 </style>