From ee4b2b27f8965390c7bebad16a8ff4d73d3911ba Mon Sep 17 00:00:00 2001 From: superlishunqin <852326703@qq.com> Date: Sat, 17 May 2025 05:25:17 +0800 Subject: [PATCH] fix_borrow_management_page --- app/static/css/borrow_management.css | 85 ++++++++++++++++------------ 1 file changed, 49 insertions(+), 36 deletions(-) diff --git a/app/static/css/borrow_management.css b/app/static/css/borrow_management.css index 45f3a51..7351851 100644 --- a/app/static/css/borrow_management.css +++ b/app/static/css/borrow_management.css @@ -89,8 +89,8 @@ body { background-color: #f4d3d3; } -/* 修改 count 样式,避免与 badge 冲突 */ -.count { +/* 修改 count 样式,避免与顶部导航冲突 */ +.tabs .count { background-color: rgba(113, 66, 20, 0.15); border-radius: 12px; padding: 2px 10px; @@ -128,7 +128,7 @@ body { margin-bottom: 0; } -.form-control { +.search-card .form-control { border: 1px solid #d9c7b8; border-radius: 6px; color: #5d3511; @@ -137,19 +137,19 @@ body { font-family: 'Georgia', serif; } -.form-control:focus { +.search-card .form-control:focus { border-color: #704214; box-shadow: 0 0 0 0.2rem rgba(113, 66, 20, 0.15); background-color: #fff; } -.btn-outline-secondary { +.search-card .btn-outline-secondary { color: #704214; border-color: #d9c7b8; background-color: transparent; } -.btn-outline-secondary:hover { +.search-card .btn-outline-secondary:hover { color: #fff; background-color: #8d6e63; border-color: #8d6e63; @@ -250,14 +250,14 @@ body { } /* 修改借阅用户显示方式 */ -.user-info { +.borrow-table .user-info { text-align: center; display: table-cell; vertical-align: middle; height: 100%; } -.user-info a { +.borrow-table .user-info a { color: #5d3511; text-decoration: none; font-weight: 600; @@ -266,7 +266,7 @@ body { margin-bottom: 8px; } -.user-info a:hover { +.borrow-table .user-info a:hover { color: #a66321; text-decoration: underline; } @@ -278,8 +278,8 @@ body { margin-top: 0; } -/* Badges and status indicators - 修复显示问题 */ -.badge { +/* Badges and status indicators - 修复与顶部导航栏冲突 */ +.borrow-table .badge { padding: 5px 12px; border-radius: 20px; font-weight: 500; @@ -305,27 +305,27 @@ body { padding: 5px 12px; } -.badge-primary { +.borrow-table .badge-primary { background-color: #704214; color: white; } -.badge-success { +.borrow-table .badge-success { background-color: #5b8a72; color: white; } -.badge-danger { +.borrow-table .badge-danger { background-color: #a15950; color: white; } -.badge-info { +.borrow-table .badge-info { background-color: #6a8da9; color: white; } -.badge-warning { +.borrow-table .badge-warning { background-color: #d4a76a; color: #4a3728; } @@ -341,8 +341,10 @@ body { min-width: 80px; } -/* Buttons */ -.btn { +/* 只为表格中的操作按钮设置样式 */ +.actions .btn { + margin-right: 5px; + margin-bottom: 6px; border-radius: 20px; padding: 8px 16px; transition: all 0.3s ease; @@ -350,42 +352,40 @@ body { letter-spacing: 0.5px; } -.btn-primary { - background-color: #704214; - border-color: #704214; -} - -.btn-primary:hover, .btn-primary:focus { - background-color: #5d3511; - border-color: #5d3511; - box-shadow: 0 0 0 0.2rem rgba(113, 66, 20, 0.25); -} - -.btn-success { +.actions .btn-success { background-color: #5b8a72; border-color: #5b8a72; } -.btn-success:hover, .btn-success:focus { +.actions .btn-success:hover, +.actions .btn-success:focus { background-color: #4a7561; border-color: #4a7561; } -.btn-warning { +.actions .btn-warning { background-color: #d4a76a; border-color: #d4a76a; color: #4a3728; } -.btn-warning:hover, .btn-warning:focus { +.actions .btn-warning:hover, +.actions .btn-warning:focus { background-color: #c29355; border-color: #c29355; color: #4a3728; } -.actions .btn { - margin-right: 5px; - margin-bottom: 6px; +.actions .btn-primary { + background-color: #704214; + border-color: #704214; +} + +.actions .btn-primary:hover, +.actions .btn-primary:focus { + background-color: #5d3511; + border-color: #5d3511; + box-shadow: 0 0 0 0.2rem rgba(113, 66, 20, 0.25); } .text-danger { @@ -518,3 +518,16 @@ body { margin-bottom: 15px; } } + +.container .btn-primary { + background-color: #704214; + border-color: #704214; + color: white; + border-radius: 20px; +} +.container .btn-primary:hover, +.container .btn-primary:focus { + background-color: #5d3511; + border-color: #5d3511; + box-shadow: 0 0 0 0.2rem rgba(113, 66, 20, 0.25); +} \ No newline at end of file