From ce0102eb6fa9cf2835f221d216ac2a919fcf3ba4 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 17 Mar 2025 12:25:10 -0700
Subject: [PATCH] Enhancement: support full width container (#5021)

---
 docs/configs/settings.md | 8 ++++++++
 src/pages/index.jsx      | 7 ++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/docs/configs/settings.md b/docs/configs/settings.md
index 93aa7f8f..d56d0f75 100644
--- a/docs/configs/settings.md
+++ b/docs/configs/settings.md
@@ -254,6 +254,14 @@ layout:
     columns: 4
 ```
 
+### Full Width
+
+You can make homepage take up the entire window width by adding:
+
+```yaml
+fullWidth: true
+```
+
 ### Five Columns
 
 You can add a fifth column to services (when `style: columns` which is default) by adding:
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 5055a22b..51f5ead3 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -417,7 +417,12 @@ function Home({ initialSettings }) {
 
       <Script src="/api/config/custom.js" />
 
-      <div className="relative container m-auto flex flex-col justify-start z-10 h-full">
+      <div
+        className={classNames(
+          settings.fullWidth ? "" : "container",
+          "relative m-auto flex flex-col justify-start z-10 h-full",
+        )}
+      >
         <QuickLaunch
           servicesAndBookmarks={servicesAndBookmarks}
           searchString={searchString}