diff --git a/admin/dashboard/templates/base.html b/admin/dashboard/templates/base.html index 32e4c76..a4fddde 100644 --- a/admin/dashboard/templates/base.html +++ b/admin/dashboard/templates/base.html @@ -349,6 +349,80 @@ box-shadow: 0 14px 24px rgba(79, 70, 229, 0.22) !important; } + .el-button--primary.is-plain, + .el-button--success.is-plain, + .el-button--warning.is-plain, + .el-button--danger.is-plain, + .el-button--info.is-plain { + background: rgba(255, 255, 255, 0.96) !important; + box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06) !important; + } + + .el-button--primary.is-plain { + color: #4338ca !important; + border-color: rgba(99, 102, 241, 0.34) !important; + } + + .el-button--primary.is-plain:hover, + .el-button--primary.is-plain:focus { + color: #ffffff !important; + border-color: transparent !important; + background: linear-gradient(135deg, #4f46e5, #6366f1) !important; + box-shadow: 0 12px 22px rgba(79, 70, 229, 0.20) !important; + } + + .el-button--success.is-plain { + color: #047857 !important; + border-color: rgba(16, 185, 129, 0.34) !important; + } + + .el-button--success.is-plain:hover, + .el-button--success.is-plain:focus { + color: #ffffff !important; + border-color: transparent !important; + background: linear-gradient(135deg, #10b981, #34d399) !important; + box-shadow: 0 12px 22px rgba(16, 185, 129, 0.20) !important; + } + + .el-button--warning.is-plain { + color: #b45309 !important; + border-color: rgba(245, 158, 11, 0.34) !important; + } + + .el-button--warning.is-plain:hover, + .el-button--warning.is-plain:focus { + color: #ffffff !important; + border-color: transparent !important; + background: linear-gradient(135deg, #f59e0b, #fbbf24) !important; + box-shadow: 0 12px 22px rgba(245, 158, 11, 0.20) !important; + } + + .el-button--danger.is-plain { + color: #b91c1c !important; + border-color: rgba(239, 68, 68, 0.34) !important; + } + + .el-button--danger.is-plain:hover, + .el-button--danger.is-plain:focus { + color: #ffffff !important; + border-color: transparent !important; + background: linear-gradient(135deg, #ef4444, #f87171) !important; + box-shadow: 0 12px 22px rgba(239, 68, 68, 0.20) !important; + } + + .el-button--info.is-plain { + color: #475569 !important; + border-color: rgba(100, 116, 139, 0.34) !important; + } + + .el-button--info.is-plain:hover, + .el-button--info.is-plain:focus { + color: #ffffff !important; + border-color: transparent !important; + background: linear-gradient(135deg, #64748b, #94a3b8) !important; + box-shadow: 0 12px 22px rgba(100, 116, 139, 0.20) !important; + } + .el-button--default { background: rgba(255,255,255,0.85) !important; border-color: var(--border-strong) !important;