|
|
@@ -297,29 +297,57 @@
|
|
|
border-top: 1px solid var(--light-gray);
|
|
|
}
|
|
|
|
|
|
-.btn-sm {
|
|
|
- padding: 6px 12px;
|
|
|
- font-size: 13px;
|
|
|
+/* 优化按钮样式 */
|
|
|
+.btn {
|
|
|
+ padding: 8px 16px;
|
|
|
+ border-radius: var(--border-radius);
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 500;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: var(--transition);
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 8px;
|
|
|
+ border: 1px solid transparent;
|
|
|
}
|
|
|
|
|
|
-.btn-edit {
|
|
|
- background: rgba(52, 152, 219, 0.1);
|
|
|
+.btn-primary {
|
|
|
+ background-color: var(--primary);
|
|
|
+ color: white;
|
|
|
+ box-shadow: 0 2px 5px rgba(52, 152, 219, 0.3);
|
|
|
+}
|
|
|
+
|
|
|
+.btn-primary:hover {
|
|
|
+ background-color: var(--primary-dark);
|
|
|
+ transform: translateY(-3px);
|
|
|
+ box-shadow: 0 4px 8px rgba(52, 152, 219, 0.4);
|
|
|
+}
|
|
|
+
|
|
|
+.btn-outline {
|
|
|
+ background-color: transparent;
|
|
|
color: var(--primary);
|
|
|
- border: 1px solid rgba(52, 152, 219, 0.3);
|
|
|
+ border: 1px solid var(--primary);
|
|
|
}
|
|
|
|
|
|
-.btn-edit:hover {
|
|
|
- background: rgba(52, 152, 219, 0.2);
|
|
|
+.btn-outline:hover {
|
|
|
+ background-color: rgba(52, 152, 219, 0.1);
|
|
|
+ transform: translateY(-3px);
|
|
|
+ box-shadow: 0 2px 5px rgba(52, 152, 219, 0.2);
|
|
|
}
|
|
|
|
|
|
-.btn-delete {
|
|
|
- background: rgba(231, 76, 60, 0.1);
|
|
|
- color: var(--danger);
|
|
|
- border: 1px solid rgba(231, 76, 60, 0.3);
|
|
|
+/* 添加新用户按钮特殊样式 */
|
|
|
+.users-header .btn-primary {
|
|
|
+ padding: 10px 18px;
|
|
|
+ font-size: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.users-header .btn-primary:hover {
|
|
|
+ transform: translateY(-3px);
|
|
|
}
|
|
|
|
|
|
-.btn-delete:hover {
|
|
|
- background: rgba(231, 76, 60, 0.2);
|
|
|
+/* 按钮图标样式 */
|
|
|
+.btn i {
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
|
|
|
/* 响应式调整 */
|
