hmo/piano-plan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: toggle button style between btn-primary and btn-outline-primary

Browse Source
This commit is contained in:
hmo
2026-04-27 19:49:48 +08:00
parent ef6f05929c
commit 7256cb44eb
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/statistics.html
+5 -3
View File
@@ -10,7 +10,7 @@
<div class="card mb-4"> <div class="card mb-4">
<div class="card-body"> <div class="card-body">
<div class="d-flex flex-wrap gap-3 align-items-center"> <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> 我的 <i class="bi bi-person"></i> 我的
</button> </button>
<select class="form-select form-select-sm" style="width:auto; min-width:120px;" id="classFilter" onchange="loadStatistics()"> <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; mineFilterActive = !mineFilterActive;
const btn = document.getElementById('mineFilterBtn'); const btn = document.getElementById('mineFilterBtn');
if (mineFilterActive) { if (mineFilterActive) {
btn.classList.add('active'); btn.classList.remove('btn-outline-primary');
btn.classList.add('btn-primary');
} else { } else {
btn.classList.remove('active'); btn.classList.remove('btn-primary');
btn.classList.add('btn-outline-primary');
} }
loadStatistics(); loadStatistics();
} }