From 134e3fc8662a10c3bacb18384704dc4972aae433 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Fri, 12 Sep 2025 14:27:01 +0800
Subject: [PATCH] fix: tags height

---
 frontend_nuxt/components/ArticleCategory.vue | 5 +++++
 frontend_nuxt/components/ArticleTags.vue     | 5 +++++
 frontend_nuxt/pages/index.vue                | 7 -------
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend_nuxt/components/ArticleCategory.vue b/frontend_nuxt/components/ArticleCategory.vue
index f1b445a04..4e229c80b 100644
--- a/frontend_nuxt/components/ArticleCategory.vue
+++ b/frontend_nuxt/components/ArticleCategory.vue
@@ -35,6 +35,7 @@ const isImageIcon = (icon) => {
   display: flex;
   flex-direction: row;
   gap: 10px;
+  min-height: 25px;
 }
 
 .article-info-item {
@@ -63,5 +64,9 @@ const isImageIcon = (icon) => {
   .article-info-item {
     font-size: 10px;
   }
+
+  .article-category-container {
+    min-height: 20px;
+  }
 }
 </style>
diff --git a/frontend_nuxt/components/ArticleTags.vue b/frontend_nuxt/components/ArticleTags.vue
index fd7620dd2..09ef3aad2 100644
--- a/frontend_nuxt/components/ArticleTags.vue
+++ b/frontend_nuxt/components/ArticleTags.vue
@@ -44,6 +44,7 @@ const isImageIcon = (icon) => {
   display: flex;
   flex-direction: row;
   gap: 10px;
+  min-height: 25px;
 }
 
 .article-info-item {
@@ -72,5 +73,9 @@ const isImageIcon = (icon) => {
   .article-info-item {
     font-size: 10px;
   }
+
+  .article-tags-container {
+    min-height: 20px;
+  }
 }
 </style>
diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue
index 04013333e..a3e7989d7 100644
--- a/frontend_nuxt/pages/index.vue
+++ b/frontend_nuxt/pages/index.vue
@@ -594,13 +594,6 @@ const sanitizeDescription = (text) => stripMarkdown(text)
   margin-bottom: 10px;
 }
 
-.article-tags-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 10px;
-}
-
 .article-tag-item {
   display: flex;
   flex-direction: row;