From e0a55b1bbd1f86711b08c7d2e5f1f0ecbc135675 Mon Sep 17 00:00:00 2001 From: guyue55 <1724246050@qq.com> Date: Tue, 4 Mar 2025 19:23:40 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E6=9C=AA=E4=BD=BF=E7=94=A8?= =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/static/css/styles.css | 429 -------------------------------------- 1 file changed, 429 deletions(-) delete mode 100644 app/static/css/styles.css diff --git a/app/static/css/styles.css b/app/static/css/styles.css deleted file mode 100644 index ab74c69..0000000 --- a/app/static/css/styles.css +++ /dev/null @@ -1,429 +0,0 @@ -.container { - max-width: 1200px; - margin: 0 auto; - padding: 20px; -} - -.card { - background: #fff; - border-radius: 8px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - margin-bottom: 20px; -} - -.card-header { - padding: 20px; - border-bottom: 1px solid #eee; - display: flex; - justify-content: space-between; - align-items: center; -} - -.card-title { - margin: 0; - font-size: 1.5rem; - color: #333; -} - -.card-body { - padding: 20px; -} - -/* 搜索框样式 */ -.search-container { - margin: 0 0 20px 0; - padding: 0; -} - -.search-box { - display: flex; - gap: 10px; - align-items: center; - flex-wrap: wrap; -} - -.search-input { - flex: 1; - min-width: 200px; -} - -/* 表格样式 */ -.table-container { - overflow-x: auto; - margin: 0 -20px; - padding: 0 20px; -} - -table { - width: 100%; - border-collapse: separate; - border-spacing: 0; - margin-bottom: 1rem; - background-color: transparent; - border-radius: 8px; - overflow: hidden; - box-shadow: 0 2px 4px rgba(0,0,0,0.05); - table-layout: fixed; -} - -th { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - color: #495057; - font-weight: 600; - text-align: left; - padding: 1rem 1.5rem; - border-bottom: 2px solid #dee2e6; - white-space: nowrap; -} - -td { - padding: 1rem 1.5rem; - border-bottom: 1px solid #dee2e6; - color: #212529; - vertical-align: middle; - line-height: 1.5; - word-wrap: break-word; - max-width: 300px; -} - -.value-container { - position: relative; - max-height: 100px; - overflow-y: auto; - background: #f8f9fa; - border-radius: 4px; - padding: 8px; -} - -.config-value { - display: block; - white-space: pre-wrap; - word-break: break-all; - font-family: monospace; - font-size: 0.9em; - color: #333; - background: transparent; -} - -tr:hover { - background-color: #f8f9fa; -} - -/* 按钮样式 */ -.btn { - padding: 8px 16px; - border-radius: 4px; - border: none; - cursor: pointer; - transition: all 0.3s ease; -} - -.btn-primary { - background-color: #007bff; - color: white; -} - -.btn-primary:hover { - background-color: #0056b3; -} - -.btn-secondary { - background-color: #6c757d; - color: white; -} - -.btn-secondary:hover { - background-color: #545b62; -} - -.btn-danger { - background-color: #dc3545; - color: white; -} - -.btn-danger:hover { - background-color: #c82333; -} - -.btn-sm { - padding: 4px 8px; - font-size: 0.875rem; -} - -/* 模态框样式 */ -.modal { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - z-index: 1000; -} - -.modal-content { - position: relative; - background-color: #fff; - margin: 10% auto; - padding: 20px; - border-radius: 8px; - max-width: 500px; - width: 90%; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); -} - -.modal-header { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; -} - -.modal-header h2 { - margin: 0; - font-size: 1.5rem; - color: #333; -} - -.close { - font-size: 1.5rem; - color: #666; - cursor: pointer; - padding: 5px; -} - -.close:hover { - color: #333; -} - -.form-group { - margin-bottom: 1rem; -} - -.form-label { - display: block; - margin-bottom: 0.5rem; - color: #495057; -} - -.form-control { - display: block; - width: 100%; - padding: 0.375rem 0.75rem; - font-size: 1rem; - line-height: 1.5; - color: #495057; - background-color: #fff; - border: 1px solid #ced4da; - border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out; -} - -.form-control:focus { - border-color: #80bdff; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} - -/* 响应式布局 */ -@media (max-width: 768px) { - .search-box { - flex-direction: column; - } - - .search-input { - width: 100%; - } - - .btn { - width: 100%; - margin-bottom: 0.5rem; - } - - td, th { - padding: 8px; - font-size: 0.9em; - } - - .value-container { - max-height: 80px; - } - - .config-value { - font-size: 0.85em; - } -} -/* 配置页面样式优化 */ -.stats-container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 1.5rem; - margin: 2rem 0; -} - -.stats-card { - background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); - border-radius: 8px; - padding: 1.5rem; - box-shadow: 0 4px 6px rgba(0,0,0,0.1); - display: flex; - align-items: flex-start; - transition: transform 0.2s; -} - -.stats-card:hover { - transform: translateY(-5px); -} - -.stats-icon { - background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%); - color: white; - width: 48px; - height: 48px; - border-radius: 12px; - display: flex; - align-items: center; - justify-content: center; - margin-right: 1rem; - transition: all 0.3s ease; -} - -.stats-icon i { - font-size: 1.5rem; -} - -.stats-content { - flex: 1; -} - -.stats-content h3 { - margin: 0; - font-size: 1rem; - color: var(--text-light); -} - -.stats-number { - font-size: 2rem; - font-weight: bold; - color: var(--primary-color); - text-shadow: 1px 1px 2px rgba(0,0,0,0.1); -} - -/* 搜索框样式优化 */ -.search-container { - margin: 2rem 0; - background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); - padding: 1.5rem; - border-radius: 8px; - box-shadow: 0 2px 4px rgba(0,0,0,0.05); -} - -.search-box { - display: flex; - gap: 1rem; - align-items: center; - flex-wrap: wrap; -} - -.search-input { - flex: 1; - min-width: 200px; - padding: 0.75rem 1rem; - border: 1px solid #e9ecef; - border-radius: 6px; - transition: all 0.3s ease; -} - -.search-input:focus { - border-color: var(--primary-color); - box-shadow: 0 0 0 3px rgba(0,123,255,0.1); -} - -/* 按钮样式优化 */ -.btn { - padding: 0.75rem 1.5rem; - border-radius: 6px; - font-weight: 500; - transition: all 0.3s ease; - border: none; - cursor: pointer; -} - -.btn-primary { - background: linear-gradient(135deg, var(--primary-color) 0%, #0056b3 100%); - color: white; - box-shadow: 0 2px 4px rgba(0,123,255,0.2); -} - -.btn-primary:hover { - transform: translateY(-1px); - box-shadow: 0 4px 6px rgba(0,123,255,0.3); -} - -.btn-secondary { - background: linear-gradient(135deg, #6c757d 0%, #495057 100%); - color: white; - box-shadow: 0 2px 4px rgba(108,117,125,0.2); -} - -.btn-secondary:hover { - transform: translateY(-1px); - box-shadow: 0 4px 6px rgba(108,117,125,0.3); -} - -/* 表格样式优化 */ -.table-container { - background: white; - border-radius: 8px; - box-shadow: 0 2px 4px rgba(0,0,0,0.05); - overflow: hidden; - margin-top: 2rem; -} - -table { - width: 100%; - border-collapse: separate; - border-spacing: 0; -} - -th { - background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); - color: var(--text-dark); - font-weight: 600; - text-align: left; - padding: 1rem; - border-bottom: 2px solid #dee2e6; -} - -td { - padding: 1rem; - border-bottom: 1px solid #e9ecef; - color: var(--text-dark); - transition: all 0.2s ease; -} - -tr:hover td { - background-color: #f8f9fa; -} - -/* 响应式优化 */ -@media (max-width: 768px) { - .search-box { - flex-direction: column; - } - - .search-input, - .btn { - width: 100%; - } - - .table-container { - margin: 1rem -1rem; - border-radius: 0; - } - - td, th { - padding: 0.75rem; - } -} \ No newline at end of file