From 3f955fb85732b78934497b022a4c05bc9f018dc4 Mon Sep 17 00:00:00 2001 From: guyue55 <1724246050@qq.com> Date: Tue, 4 Mar 2025 19:20:41 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/static/css/style.css | 44 +++++++--------------------------------- 1 file changed, 7 insertions(+), 37 deletions(-) diff --git a/app/static/css/style.css b/app/static/css/style.css index df417f9..3dbee11 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -400,53 +400,23 @@ tr:hover { border-color: var(--primary-color); outline: none; } + /* 搜索框 */ .search-container { - margin-bottom: 1.5rem; - width: 100%; + margin: 1.5rem 0; } .search-box { display: flex; - gap: 0.75rem; + gap: 1rem; flex-wrap: wrap; align-items: center; - width: 100%; + background: white; + padding: 1rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0,0,0,0.1); } -.search-box select { - min-width: 120px; - max-width: 180px; - flex-shrink: 0; -} - -.search-input { - flex: 1; - min-width: 200px; -} - -.search-box .btn { - flex-shrink: 0; - white-space: nowrap; - min-width: 80px; -} - -@media (max-width: 768px) { - .search-box { - gap: 0.5rem; - } - - .search-box select, - .search-input, - .search-box .btn { - width: 100%; - margin: 0; - } - - .search-box select { - max-width: 100%; - } -} .input-group { display: flex; gap: 0.5rem;