Support maxBookmarkGroupColumns too

src/components/bookmarks/group.jsx

@@ -12,6 +12,7 @@ export default function BookmarksGroup({
   disableCollapse,
   groupsInitiallyCollapsed,
   bookmarksStyle,
+  maxGroupColumns,
 }) {
   const panel = useRef();
 
@@ -25,6 +26,9 @@ export default function BookmarksGroup({
       className={classNames(
         "bookmark-group flex-1 overflow-hidden",
         layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/4 lg:basis-1/5 xl:basis-1/6",
+        layout?.style !== "row" && maxGroupColumns && parseInt(maxGroupColumns, 10) > 6
+          ? `3xl:basis-1/${maxGroupColumns}`
+          : "",
         layout?.header === false ? "px-1" : "p-1 pb-0",
       )}
     >

src/pages/index.jsx

@@ -334,6 +334,7 @@ function Home({ initialSettings }) {
                   bookmarks={group}
                   layout={settings.layout?.[group.name]}
                   disableCollapse={settings.disableCollapse}
+                  maxGroupColumns={settings.maxBookmarkGroupColumns ?? settings.maxGroupColumns}
                   groupsInitiallyCollapsed={settings.groupsInitiallyCollapsed}
                 />
               ),
@@ -362,6 +363,7 @@ function Home({ initialSettings }) {
                 bookmarks={group}
                 layout={settings.layout?.[group.name]}
                 disableCollapse={settings.disableCollapse}
+                maxGroupColumns={settings.maxBookmarkGroupColumns ?? settings.maxGroupColumns}
                 groupsInitiallyCollapsed={settings.groupsInitiallyCollapsed}
                 bookmarksStyle={settings.bookmarksStyle}
               />
@@ -378,6 +380,7 @@ function Home({ initialSettings }) {
     settings.layout,
     settings.fiveColumns,
     settings.maxGroupColumns,
+    settings.maxBookmarkGroupColumns,
     settings.disableCollapse,
     settings.useEqualHeights,
     settings.cardBlur,