ProjectGenesis commited on
Commit
cbdd21f
·
verified ·
1 Parent(s): 01f8913

Reduce glass card container size for "Account Settings" section. - Follow Up Deployment

Browse files
Files changed (2) hide show
  1. index.html +17 -17
  2. 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-4">
295
- <div class="glass-card p-4 hover:bg-gray-800/30 transition-all cursor-pointer group">
296
- <div class="w-12 h-12 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-3 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
297
- <i class="fas fa-user-edit text-lg text-gray-300 group-hover:text-white"></i>
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-4 hover:bg-gray-800/30 transition-all cursor-pointer group">
304
- <div class="w-12 h-12 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-3 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
305
- <i class="fas fa-history text-lg text-gray-300 group-hover:text-white"></i>
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-4 hover:bg-gray-800/30 transition-all cursor-pointer group">
312
- <div class="w-12 h-12 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-3 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
313
- <i class="fas fa-shield-alt text-lg text-gray-300 group-hover:text-white"></i>
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-4 hover:bg-gray-800/30 transition-all cursor-pointer group">
320
- <div class="w-12 h-12 rounded-lg bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-3 mx-auto group-hover:from-orange-500 group-hover:to-amber-600 transition-all">
321
- <i class="fas fa-credit-card text-lg text-gray-300 group-hover:text-white"></i>
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.