mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
style: make buttons more compact across admin pages
- Reduce base .btn padding from px-5 py-2.5 to px-4 py-2 - Change rounded-xl to rounded-lg for buttons - Remove hover:scale effect for cleaner look - Fix large buttons in AdminBanSystem, AdminBroadcastDetail - Compact toggle buttons in AdminPromoOfferSend
This commit is contained in:
@@ -592,7 +592,7 @@
|
||||
|
||||
/* Buttons - Dark */
|
||||
.btn {
|
||||
@apply inline-flex items-center justify-center gap-2 rounded-xl px-5 py-2.5 text-sm font-medium transition-all duration-300 ease-smooth hover:scale-[1.02] focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-dark-900 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50;
|
||||
@apply inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-all duration-200 ease-smooth focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-dark-900 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@@ -612,7 +612,7 @@
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
@apply rounded-xl p-2.5 text-dark-400 transition-all duration-300 hover:scale-110 hover:bg-dark-800 hover:text-dark-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50 active:scale-95;
|
||||
@apply rounded-lg p-2 text-dark-400 transition-all duration-200 hover:bg-dark-800 hover:text-dark-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-500/50 active:scale-95;
|
||||
}
|
||||
|
||||
/* Highlighted button for onboarding */
|
||||
|
||||
Reference in New Issue
Block a user