diff --git a/web/static/numerus.css b/web/static/numerus.css
index 039af6f..ee6d835 100644
--- a/web/static/numerus.css
+++ b/web/static/numerus.css
@@ -909,13 +909,21 @@ div[x-data="snackbar"] div[role="alert"].enter.end, div[x-data="snackbar"] div[r
transform: translateY(0);
}
-/* Dashboard */
-
+/* Filters */
.filters {
- display: flex;
- gap: 1rem;
+ display: none;
}
+.filters-visible .filters {
+ display: flex;
+ gap: 1rem;
+}
+
+.filters-visible #filters-toggle {
+ background-color: var(--numerus--header--background-color);
+}
+
+/* Dashboard */
#dashboard-filters {
display: flex;
}
diff --git a/web/static/numerus.js b/web/static/numerus.js
index 06fb7aa..7a5dbd6 100644
--- a/web/static/numerus.js
+++ b/web/static/numerus.js
@@ -712,6 +712,8 @@ htmx.on('closeModal', () => {
});
htmx.on(document, 'alpine:init', () => {
+ document.body.classList.remove('show-filters');
+
Alpine.data('snackbar', () => ({
show: false, toast: "", toasts: [], timeoutId: null, init() {
htmx.on('htmx:error', (error) => {
diff --git a/web/template/app.gohtml b/web/template/app.gohtml
index f6cdf95..67709f9 100644
--- a/web/template/app.gohtml
+++ b/web/template/app.gohtml
@@ -9,7 +9,7 @@
-
+
