Reduce glass card container size for "Account Settings" section. - Follow Up Deployment
Browse files- index.html +17 -17
- prompts.txt +2 -1
index.html
CHANGED
|
@@ -291,36 +291,36 @@
|
|
| 291 |
<!-- Modern Minimalist Account Settings Panel -->
|
| 292 |
<section class="mb-8">
|
| 293 |
<h2 class="text-xl font-medium mb-4 text-gray-300">Account Settings</h2>
|
| 294 |
-
<div class="grid grid-cols-2 md:grid-cols-4 gap-
|
| 295 |
-
<div class="glass-card p-
|
| 296 |
-
<div class="w-
|
| 297 |
-
<i class="fas fa-user-edit text-
|
| 298 |
</div>
|
| 299 |
-
<h3 class="font-medium text-center group-hover:text-orange-400 transition-all">Edit Profile</h3>
|
| 300 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">Update details</p>
|
| 301 |
</div>
|
| 302 |
|
| 303 |
-
<div class="glass-card p-
|
| 304 |
-
<div class="w-
|
| 305 |
-
<i class="fas fa-history text-
|
| 306 |
</div>
|
| 307 |
-
<h3 class="font-medium text-center group-hover:text-orange-400 transition-all">Transactions</h3>
|
| 308 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">View history</p>
|
| 309 |
</div>
|
| 310 |
|
| 311 |
-
<div class="glass-card p-
|
| 312 |
-
<div class="w-
|
| 313 |
-
<i class="fas fa-shield-alt text-
|
| 314 |
</div>
|
| 315 |
-
<h3 class="font-medium text-center group-hover:text-orange-400 transition-all">Security</h3>
|
| 316 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">KYC Verification</p>
|
| 317 |
</div>
|
| 318 |
|
| 319 |
-
<div class="glass-card p-
|
| 320 |
-
<div class="w-
|
| 321 |
-
<i class="fas fa-credit-card text-
|
| 322 |
</div>
|
| 323 |
-
<h3 class="font-medium text-center group-hover:text-orange-400 transition-all">Responsible Gaming</h3>
|
| 324 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">Manage Limits</p>
|
| 325 |
</div>
|
| 326 |
</div>
|
|
|
|
| 291 |
<!-- Modern Minimalist Account Settings Panel -->
|
| 292 |
<section class="mb-8">
|
| 293 |
<h2 class="text-xl font-medium mb-4 text-gray-300">Account Settings</h2>
|
| 294 |
+
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
|
| 295 |
+
<div class="glass-card p-3 hover:bg-gray-800/30 transition-all cursor-pointer group">
|
| 296 |
+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-2 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
|
| 297 |
+
<i class="fas fa-user-edit text-base text-gray-300 group-hover:text-white"></i>
|
| 298 |
</div>
|
| 299 |
+
<h3 class="text-sm font-medium text-center group-hover:text-orange-400 transition-all">Edit Profile</h3>
|
| 300 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">Update details</p>
|
| 301 |
</div>
|
| 302 |
|
| 303 |
+
<div class="glass-card p-3 hover:bg-gray-800/30 transition-all cursor-pointer group">
|
| 304 |
+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-2 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
|
| 305 |
+
<i class="fas fa-history text-base text-gray-300 group-hover:text-white"></i>
|
| 306 |
</div>
|
| 307 |
+
<h3 class="text-sm font-medium text-center group-hover:text-orange-400 transition-all">Transactions</h3>
|
| 308 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">View history</p>
|
| 309 |
</div>
|
| 310 |
|
| 311 |
+
<div class="glass-card p-3 hover:bg-gray-800/30 transition-all cursor-pointer group">
|
| 312 |
+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-2 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
|
| 313 |
+
<i class="fas fa-shield-alt text-base text-gray-300 group-hover:text-white"></i>
|
| 314 |
</div>
|
| 315 |
+
<h3 class="text-sm font-medium text-center group-hover:text-orange-400 transition-all">Security</h3>
|
| 316 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">KYC Verification</p>
|
| 317 |
</div>
|
| 318 |
|
| 319 |
+
<div class="glass-card p-3 hover:bg-gray-800/30 transition-all cursor-pointer group">
|
| 320 |
+
<div class="w-10 h-10 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-2 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
|
| 321 |
+
<i class="fas fa-credit-card text-base text-gray-300 group-hover:text-white"></i>
|
| 322 |
</div>
|
| 323 |
+
<h3 class="text-sm font-medium text-center group-hover:text-orange-400 transition-all">Responsible Gaming</h3>
|
| 324 |
<p class="text-xs text-gray-500 mt-1 text-center group-hover:text-gray-300 transition-all">Manage Limits</p>
|
| 325 |
</div>
|
| 326 |
</div>
|
prompts.txt
CHANGED
|
@@ -9,4 +9,5 @@ Move the "Account Settings" section to under the Hero Banner
|
|
| 9 |
Change the "Modern Stat Summary Panel" style to a different design with horizontal bars
|
| 10 |
Change the "Account Settings Panel" section to a modern and minimalist style.
|
| 11 |
Change the "Account Settings Panel - Minimalist Style" display orientation to horizontal
|
| 12 |
-
Change the "Account Settings Panel - Minimalist Style" Section to a more modern style. Maintain Minimalist approach.
|
|
|
|
|
|
| 9 |
Change the "Modern Stat Summary Panel" style to a different design with horizontal bars
|
| 10 |
Change the "Account Settings Panel" section to a modern and minimalist style.
|
| 11 |
Change the "Account Settings Panel - Minimalist Style" display orientation to horizontal
|
| 12 |
+
Change the "Account Settings Panel - Minimalist Style" Section to a more modern style. Maintain Minimalist approach.
|
| 13 |
+
Reduce glass card container size for "Account Settings" section.
|