feat: add a plus to add tags

KUN1007 · Oct 29, 2024 · b864ce1 · b864ce1
1 parent fd6ea1a
commit b864ce1
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 5 deletions.
diff --git a/components/edit/topic/Tags.vue b/components/edit/topic/Tags.vue
@@ -116,6 +116,10 @@ watch(
         @blur="isInputFocus = false"
       />
 
+      <span v-if="inputValue" class="add-tag" @click="handleAddTag">
+        <Icon name="lucide:plus" />
+      </span>
+
       <div class="box1"></div>
       <div class="box2" :class="isInputFocus ? 'box-active' : ''"></div>
     </div>
@@ -135,11 +139,22 @@ watch(
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 10px;
-}
 
-.tags-container {
-  display: flex;
-  flex-wrap: wrap;
+  .tags-container {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .add-tag {
+    height: 32px;
+    width: 32px;
+    @include kun-center;
+    cursor: pointer;
+    font-size: 24px;
+    border-radius: 10px;
+    background-color: var(--kungalgame-blue-5);
+    color: var(--kungalgame-white);
+  }
 }
 
 .selected-tag {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kun-galgame-nuxt3",
-  "version": "2.19.20",
+  "version": "2.19.21",
   "packageManager": "[email protected]",
   "private": true,
   "scripts": {