From 22d4d7120d47ea3f55e7ce731380698f0687e100 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Tue, 2 Sep 2025 07:59:38 +0200
Subject: [PATCH] enhance: Improve demo notice in LoginDemo component

- Add additional styling and spacing to the demo notice for better visibility.
- Include an icon and a warning message indicating that demo data may be erased at any time.
---
 src/pages/LoginDemo.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/LoginDemo.vue b/src/pages/LoginDemo.vue
index e02f45b..7a8ecb0 100644
--- a/src/pages/LoginDemo.vue
+++ b/src/pages/LoginDemo.vue
@@ -93,10 +93,16 @@
           </div>
 
           <!-- Demo Notice -->
-          <div class="text-center">
+          <div class="text-center space-y-2">
             <p class="text-xs text-muted-foreground">
               This is a demo environment. All transactions use fake satoshis for testing purposes.
             </p>
+            <div class="flex items-center justify-center gap-1 text-xs text-amber-600 dark:text-amber-400">
+              <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
+              </svg>
+              <span class="font-medium">Demo data may be erased at any time</span>
+            </div>
           </div>
         </CardContent>
       </Card>