From 7256cb44ebd99aee7fad6da31b0dffe5017df25b Mon Sep 17 00:00:00 2001
From: hmo <staymo7777@gmail.com>
Date: Mon, 27 Apr 2026 19:49:48 +0800
Subject: [PATCH] fix: toggle button style between btn-primary and
 btn-outline-primary

---
 app/templates/statistics.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/templates/statistics.html b/app/templates/statistics.html
index c91be16..704635a 100644
--- a/app/templates/statistics.html
+++ b/app/templates/statistics.html
@@ -10,7 +10,7 @@
     <div class="card mb-4">
         <div class="card-body">
             <div class="d-flex flex-wrap gap-3 align-items-center">
-                <button class="btn btn-primary btn-sm" id="mineFilterBtn" onclick="toggleMineFilter()">
+                <button class="btn btn-outline-primary btn-sm" id="mineFilterBtn" onclick="toggleMineFilter()">
                     <i class="bi bi-person"></i> 我的
                 </button>
                 <select class="form-select form-select-sm" style="width:auto; min-width:120px;" id="classFilter" onchange="loadStatistics()">
@@ -151,9 +151,11 @@ function toggleMineFilter() {
     mineFilterActive = !mineFilterActive;
     const btn = document.getElementById('mineFilterBtn');
     if (mineFilterActive) {
-        btn.classList.add('active');
+        btn.classList.remove('btn-outline-primary');
+        btn.classList.add('btn-primary');
     } else {
-        btn.classList.remove('active');
+        btn.classList.remove('btn-primary');
+        btn.classList.add('btn-outline-primary');
     }
     loadStatistics();
 }