From 734d5f3aed2ba6d6f07affdcf5f5e2a2ddc3f654 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Sat, 20 Aug 2022 11:48:56 +0800
Subject: [PATCH] chore: update create tag tip style

---
 web/src/components/TagList.tsx | 2 +-
 web/src/less/tag-list.less     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/TagList.tsx b/web/src/components/TagList.tsx
index 1fc32c16..7f655d57 100644
--- a/web/src/components/TagList.tsx
+++ b/web/src/components/TagList.tsx
@@ -76,7 +76,7 @@ const TagList: React.FC<Props> = () => {
         {tags.map((t, idx) => (
           <TagItemContainer key={t.text + "-" + idx} tag={t} tagQuery={query?.tag} />
         ))}
-        <Only when={!userService.isVisitorMode() && tags.length < 5}>
+        <Only when={!userService.isVisitorMode() && tags.length === 0}>
           <p className="tip-text">{t("tag-list.tip-text")}</p>
         </Only>
       </div>
diff --git a/web/src/less/tag-list.less b/web/src/less/tag-list.less
index 58c9c7a7..998e076e 100644
--- a/web/src/less/tag-list.less
+++ b/web/src/less/tag-list.less
@@ -62,7 +62,7 @@
     }
 
     > .tip-text {
-      @apply w-full bg-white mt-2 pl-4 leading-8 rounded text-sm text-gray-400 font-mono;
+      @apply w-full bg-gray-50 mt-2 pl-4 leading-8 rounded text-sm text-gray-400 font-mono;
     }
   }
 }