diff --git a/public/index.html b/public/index.html
index 73f16f4..c43d04b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -518,6 +518,10 @@
Settings
Dark Mode
+
diff --git a/public/js/app.js b/public/js/app.js
index ad52e7c..1923121 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -96,6 +96,9 @@ function startApp() {
socket.emit('login', arl)
$('#login_input_arl').val(arl)
}
+ if ('true' === localStorage.getItem('slimDownloads')) {
+ document.getElementById("download_list").classList.add("slim")
+ }
// Open default tab
document.getElementById('main_home_tablink').click()
diff --git a/public/js/modules/components/settings-tab.js b/public/js/modules/components/settings-tab.js
index 2d42860..685a55b 100644
--- a/public/js/modules/components/settings-tab.js
+++ b/public/js/modules/components/settings-tab.js
@@ -16,9 +16,20 @@ const SettingsTab = new Vue({
},
set(wantDarkMode) {
document.documentElement.setAttribute('data-theme', wantDarkMode ? 'dark' : 'default')
-
localStorage.setItem('darkMode', wantDarkMode)
}
+ },
+ slimDownloads: {
+ get() {
+ return 'true' === localStorage.getItem('slimDownloads')
+ },
+ set(wantSlimDownloads) {
+ if (wantSlimDownloads)
+ document.getElementById("download_list").classList.add("slim")
+ else
+ document.getElementById("download_list").classList.remove("slim")
+ localStorage.setItem('slimDownloads', wantSlimDownloads)
+ }
}
},
methods: {