feat: Enhance UI components with improved styles and responsiveness across various views

This commit is contained in:
2026-04-22 10:56:39 -04:00
parent 8baf7d6c7d
commit 71b031ca64
14 changed files with 108 additions and 103 deletions

View File

@@ -1,6 +1,6 @@
<div class="bg-background-secondary/50 bg-background-secondary/50 backdrop-blur-md grid w-full max-w-6xl mx-auto overflow-hidden text-color-base rounded-2xl shadow-2xl md:grid-cols-2" style="margin: 50px auto;">
<div class="hidden md:flex flex-col justify-between p-10 animated-gradient bg-gradient-to-br from-primary to-secondary">
<div>
<div class="bg-background-secondary/50 bg-background-secondary/50 backdrop-blur-md grid w-full max-w-6xl mx-auto overflow-hidden text-color-base rounded-2xl shadow-floating md:grid-cols-2 relative" style="margin: 50px auto;">
<div class="hidden md:flex flex-col justify-between p-10 animated-gradient bg-gradient-to-br from-primary to-secondary relative overflow-hidden noise-overlay">
<div class="relative z-10">
<div class="mt-8 text-white">
<h2 class="text-4xl font-extrabold leading-tight tracking-tight">
Manage Your Billing with Ease
@@ -11,7 +11,7 @@
</p>
</div>
</div>
<p class="text-sm text-white/70">© {{ date('Y') }} {{ config('app.name') }} | All rights reserved.</p>
<p class="text-sm text-white/70 relative z-10">© {{ date('Y') }} {{ config('app.name') }} | All rights reserved.</p>
</div>
<div class="p-8 sm:p-12 form-fade-in">