From a7eb14046f9964e4759a36edbacf447226da816e Mon Sep 17 00:00:00 2001
From: Kevin Veen-Birkenbach <kevin@veen.world>
Date: Sun, 6 Jul 2025 17:35:40 +0200
Subject: [PATCH] Added fullwidth animation

---
 app/static/css/default.css | 12 ++++++++++++
 app/static/js/fullwidth.js |  5 +++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/static/css/default.css b/app/static/css/default.css
index a8d1731..42c6982 100644
--- a/app/static/css/default.css
+++ b/app/static/css/default.css
@@ -135,3 +135,15 @@ body::before {
 iframe{
   margin-bottom: -10px;
 }
+
+.container-fluid {
+  max-width: 100% !important;
+}
+
+.container,
+.container-fluid {
+  transition: 
+    max-width 1s ease-in-out,
+    padding-left 1s ease-in-out,
+    padding-right 1s ease-in-out;
+}
\ No newline at end of file
diff --git a/app/static/js/fullwidth.js b/app/static/js/fullwidth.js
index f5dbe5a..8f861dd 100644
--- a/app/static/js/fullwidth.js
+++ b/app/static/js/fullwidth.js
@@ -7,13 +7,14 @@ function setFullWidth(enabled) {
   if (!el) return;
   if (enabled) {
     el.classList.replace('container', 'container-fluid');
-    updateUrlFullWidth(true)
+    updateUrlFullWidth(true);
   } else {
     el.classList.replace('container-fluid', 'container');
-    updateUrlFullWidth(false)
+    updateUrlFullWidth(false);
   }
 }
 
+
 /**
  * Reads the URL parameter `fullwidth` and applies full width if it's set.
  * @returns {boolean} – current full‐width state