From ae42726149e38a3173360aea0db870a30aab315e Mon Sep 17 00:00:00 2001
From: "seel.xu" <seel.xu@zelostech.com>
Date: Wed, 19 Feb 2025 10:14:07 +0800
Subject: [PATCH] [Feature]: update layout

---
 include/style/base.styl   | 2 +-
 layout/common/widgets.jsx | 2 +-
 layout/layout.jsx         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/include/style/base.styl b/include/style/base.styl
index 6c3bbb9..d13f158 100644
--- a/include/style/base.styl
+++ b/include/style/base.styl
@@ -26,7 +26,7 @@ $footer-background-color ?= $scheme-main
 $gap ?= 64px
 $tablet ?= 769px
 $desktop ?= 1088px
-$widescreen ?= 1280px
+$widescreen ?= 1580px
 $fullhd ?= 1472px
 
 $shadow ?= 0 4px 10px rgba(0, 0, 0, 0.05)
diff --git a/layout/common/widgets.jsx b/layout/common/widgets.jsx
index 47c0561..e630958 100644
--- a/layout/common/widgets.jsx
+++ b/layout/common/widgets.jsx
@@ -41,7 +41,7 @@ function getColumnCount(widgets, config, page) {
 function getColumnSizeClass(columnCount) {
     switch (columnCount) {
         case 2:
-            return 'is-4-tablet is-4-desktop is-4-widescreen';
+            return 'is-6-tablet is-3-desktop is-3-widescreen';
         case 3:
             return 'is-4-tablet is-4-desktop is-3-widescreen';
     }
diff --git a/layout/layout.jsx b/layout/layout.jsx
index 098a278..a55eebc 100644
--- a/layout/layout.jsx
+++ b/layout/layout.jsx
@@ -26,7 +26,7 @@ module.exports = class extends Component {
                                 'order-2': true,
                                 'column-main': true,
                                 'is-12': columnCount === 1,
-                                'is-8-tablet is-8-desktop is-8-widescreen': columnCount === 2,
+                                'is-6-tablet is-9-desktop is-9-widescreen': columnCount === 2,
                                 'is-8-tablet is-8-desktop is-6-widescreen': columnCount === 3
                             })} dangerouslySetInnerHTML={{ __html: body }}></div>
                             <Widgets site={site} config={config} helper={helper} page={page} position={'left'} />