Update demo-when_empty.html

therealtimex · Dec 13, 2024 · 036d192 · 036d192
1 parent 3f74697
commit 036d192
Showing 1 changed file with 4 additions and 14 deletions.
diff --git a/html/demo-when_empty.html b/html/demo-when_empty.html
@@ -3,7 +3,6 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>WhatsApp Icon</title>
 <style>
 :root {
   /* Main theme colors as shown in the UI */
@@ -21,19 +20,7 @@
   --color_theme_neutral_dark: #4B5563;  /* Dark gray text */
 }
 
-/* Test div to preview colors */
-.color-test {
-  width: 50px;
-  height: 50px;
-  margin: 5px;
-  border: 1px solid #ccc;
-}
 
-.primary { background-color: var(--color_theme_primary); }
-.secondary { background-color: var(--color_theme_secondary); }
-.accent { background-color: var(--color_theme_accent); }
-.success { background-color: var(--color_theme_success); }
-.danger { background-color: var(--color_theme_danger); }
 </style>
 </head>
 <body>
@@ -87,9 +74,12 @@
         <h3 style="color: var(--color_theme_text_primary); font-size: 20px; margin-bottom: 8px;">
             No Results Found
         </h3>
-        <p style="color: var(--color_theme_text_secondary); font-size: 14px;">
+        <p style="color: var(--color_theme_text_secondary); font-size: 14px; margin-bottom: 16px;">
             Try adjusting your search criteria
         </p>
+        <button style="background-color: var(--color_theme_primary); color: white; border: none; padding: 10px 20px; border-radius: 4px; font-size: 14px; cursor: pointer;">
+            Action Button
+        </button>
     </div>
 </div>