🎨 Improve button styling with updated colors, border radius, font weight, hover effects, and transitions
This commit is contained in:
@@ -1136,23 +1136,28 @@ onMounted(() => {
|
||||
|
||||
.btn-action {
|
||||
padding: 0.75rem 1rem;
|
||||
background: #2980b9;
|
||||
background: #667eea;
|
||||
color: #ffffff;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
min-height: 44px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-action:hover {
|
||||
background: #21618c;
|
||||
background: #5568d3;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
|
||||
}
|
||||
|
||||
.btn-action:disabled {
|
||||
background: #95a5a6;
|
||||
color: #ffffff;
|
||||
cursor: not-allowed;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* Toast */
|
||||
|
||||
Reference in New Issue
Block a user