🎨 Improve button styling with updated colors, border radius, font weight, hover effects, and transitions

This commit is contained in:
2026-01-28 20:01:31 +00:00
parent a82a16f8e2
commit ead6103dfb

View File

@@ -1136,23 +1136,28 @@ onMounted(() => {
.btn-action { .btn-action {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
background: #2980b9; background: #667eea;
color: #ffffff; color: #ffffff;
border: none; border: none;
border-radius: 8px; border-radius: 6px;
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
font-weight: 600;
min-height: 44px; min-height: 44px;
transition: all 0.3s ease;
} }
.btn-action:hover { .btn-action:hover {
background: #21618c; background: #5568d3;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
} }
.btn-action:disabled { .btn-action:disabled {
background: #95a5a6; background: #95a5a6;
color: #ffffff; color: #ffffff;
cursor: not-allowed; cursor: not-allowed;
opacity: 0.6;
} }
/* Toast */ /* Toast */