From c028dd9d42128919e5fd8e8c099f2acd7df85118 Mon Sep 17 00:00:00 2001
From: wangzemei <wangzemei@easycorp.ltd>
Date: Fri, 25 Oct 2024 10:02:01 +0800
Subject: [PATCH] * [task#131070] modify the style of thinkansoff widget.

---
 lib/zin/wg/thinkansoff/v1.php | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/lib/zin/wg/thinkansoff/v1.php b/lib/zin/wg/thinkansoff/v1.php
index a9c78da8f6..a7baf05261 100644
--- a/lib/zin/wg/thinkansoff/v1.php
+++ b/lib/zin/wg/thinkansoff/v1.php
@@ -6,7 +6,7 @@ requireWg('thinkModel');
 
 class thinkAnsoff extends thinkModel
 {
-    protected function buildItem(int $order, string $block): node
+    protected function buildItem(int $order, string|object $block): node
     {
         global $app, $lang, $config;
         $app->loadLang('thinkwizard');
@@ -20,7 +20,7 @@ class thinkAnsoff extends thinkModel
         (
             setClass('relative col justify-between py-2 px-2.5 bg-canvas model-block', "bg-$blockColor-100", "block-$order"),
             setStyle($blockStyle),
-            div(setClass('h-full')),
+            div(setClass('h-full flex flex-wrap gap-2.5')),
             div(setClass('item-step-title text-center', "text-$blockColor"), $lang->thinkwizard->ansoff->blocks[$order])
         );
     }
@@ -30,17 +30,17 @@ class thinkAnsoff extends thinkModel
         global $app, $lang;
         $app->loadLang('thinkwizard');
 
-        $blocks     = $this->prop('blocks');
+        list($blocks, $mode) = $this->prop(array('blocks', 'mode'));
         $titleKey   = $key == 0 ? 2 : 3;
         $rowContent = div
         (
-            setClass('col items-center mt-1.5'),
+            setClass('col items-center mt-4'),
             div
             (
-                setClass('w-full flex items-stretch gap-1.5'),
+                setClass('w-full flex items-stretch gap-4'),
                 div
                 (
-                    setClass('pr-2.5 flex items-center justify-center text-gray-400 font-medium'),
+                    setClass('flex items-center justify-center text-gray-400 font-medium item-step-title'),
                     setStyle(array('writing-mode' => 'vertical-rl')),
                     $lang->thinkwizard->ansoff->titles[$titleKey]
                 ),
@@ -48,15 +48,16 @@ class thinkAnsoff extends thinkModel
                 $this->buildItem($key + 1, $blocks[$key + 1])
             )
         );
+        $paddingLeft = $mode == 'preview' ? '36px' : '60px';
 
         return $showTitle ? div
         (
             div
             (
-                setClass('w-full flex mb-4'),
-                setStyle(array('padding-left' => '46px')),
-                div(setClass('flex-1 flex items-center justify-center text-gray-400 font-medium'), $lang->thinkwizard->ansoff->titles[0]),
-                div(setClass('flex-1 flex items-center justify-center text-gray-400 font-medium'), $lang->thinkwizard->ansoff->titles[1]),
+                setClass('w-full flex mb-4 gap-4'),
+                setStyle(array('padding-left' => $paddingLeft)),
+                div(setClass('flex-1 flex items-center justify-center text-gray-400 font-medium item-step-title'), $lang->thinkwizard->ansoff->titles[0]),
+                div(setClass('flex-1 flex items-center justify-center text-gray-400 font-medium item-step-title'), $lang->thinkwizard->ansoff->titles[1]),
             ),
             $rowContent
         ) : $rowContent;