From 523ef2bba5de1176841fe6c5db5a4c04923400de Mon Sep 17 00:00:00 2001
From: boojack <stevenlgtm@gmail.com>
Date: Fri, 26 May 2023 00:47:53 +0800
Subject: [PATCH] chore: update demo banner style (#1743)

---
 web/src/components/DemoBanner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/DemoBanner.tsx b/web/src/components/DemoBanner.tsx
index 89800150..da1ea3d0 100644
--- a/web/src/components/DemoBanner.tsx
+++ b/web/src/components/DemoBanner.tsx
@@ -23,9 +23,9 @@ const DemoBanner: React.FC = () => {
   if (!state.show) return null;
 
   return (
-    <div className="flex flex-row items-center justify-center w-full py-2 text-lg font-medium dark:text-gray-300 bg-white dark:bg-zinc-700 shadow">
+    <div className="flex flex-row items-center justify-center w-full py-2 text-sm sm:text-lg font-medium dark:text-gray-300 bg-white dark:bg-zinc-700 shadow">
       <div className="w-full max-w-6xl px-4 flex flex-row justify-between items-center gap-x-3">
-        <span>A lightweight, self-hosted memo hub. Open Source and Free forever.</span>
+        <span>✨ A lightweight, self-hosted memo hub. Open Source and Free forever. ✨</span>
         <a className="btn-primary shadow" href="https://usememos.com/docs/install/docker" target="_blank">
           Install
           <Icon.ExternalLink className="w-4 h-auto ml-1" />