🎨 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 {
|
.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 */
|
||||||
|
|||||||
Reference in New Issue
Block a user