Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-04-29 12:03:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

Enhancement: support full width container (#5021)

Browse Source
This commit is contained in:
shamoon 2025-03-17 12:25:10 -07:00 committed by GitHub
parent 42f1ed3c47
commit ce0102eb6f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/configs/settings.md
View File

@ -254,6 +254,14 @@ layout:
columns: 4 columns: 4
``` ```
### Full Width
You can make homepage take up the entire window width by adding:
```yaml
fullWidth: true
```
### Five Columns ### Five Columns
You can add a fifth column to services (when `style: columns` which is default) by adding: You can add a fifth column to services (when `style: columns` which is default) by adding:

7
src/pages/index.jsx
View File

@ -417,7 +417,12 @@ function Home({ initialSettings }) {
<Script src="/api/config/custom.js" /> <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 <QuickLaunch
servicesAndBookmarks={servicesAndBookmarks} servicesAndBookmarks={servicesAndBookmarks}
searchString={searchString} searchString={searchString}