padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

enhance: Improve demo notice in LoginDemo component

Browse source 
- 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.
This commit is contained in:
padreug 2025-09-02 07:59:38 +02:00
parent 8d5d163e89
commit 22d4d7120d
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/LoginDemo.vue
View file

@ -93,10 +93,16 @@
</div> </div>
<!-- Demo Notice --> <!-- Demo Notice -->
<div class="text-center"> <div class="text-center space-y-2">
<p class="text-xs text-muted-foreground"> <p class="text-xs text-muted-foreground">
This is a demo environment. All transactions use fake satoshis for testing purposes. This is a demo environment. All transactions use fake satoshis for testing purposes.
</p> </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> </div>
</CardContent> </CardContent>
</Card> </Card>