Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* [task#120474] modify the width of card of thinkpffa widget.

Browse Source
This commit is contained in:
wangzemei
2024-06-19 11:22:56 +08:00
committed by 刘刚
parent ce07b04de4
commit 0a6bee340b
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/zin/wg/thinkpffa/v1.php
+8 -8
View File
@@ -18,7 +18,7 @@ class thinkPffa extends thinkModel
protected function buildQuestion(array $steps): array
{
$questionList = array();
foreach($steps as &$step) $questionList[] = div(setClass('w-60 bg-canvas p-2 shadow'), setStyle(array('width' => '240px')), $this->buildQuestionItem($step));
foreach($steps as $step) $questionList[] = div(setClass('w-60 bg-canvas p-2 shadow'), setStyle(array('width' => '230px')), $this->buildQuestionItem($step));
return $questionList;
}
@@ -32,7 +32,7 @@ class thinkPffa extends thinkModel
return div
(
setClass('w-full h-full px-2 py-2.5 outline overflow-auto col justify-between gap-2 bg-opacity-20 bg-' . $blockColor, $blockColor . '-outline'),
setClass('w-full h-full px-5 py-2.5 outline overflow-auto col justify-between gap-2 bg-opacity-20 bg-' . $blockColor, $blockColor . '-outline'),
div
(
setClass('col gap-2'),
@@ -42,7 +42,7 @@ class thinkPffa extends thinkModel
set::title(!empty($blocks[$blockIndex]->text) ? $blocks[$blockIndex]->text : null),
!empty($blocks[$blockIndex]->text) ? $blocks[$blockIndex]->text : $defaultTitle
),
div(setClass('flex flex-wrap gap-1.5'), !isset($blocks[$blockIndex]->steps) ? null : $this->buildQuestion($blocks[$blockIndex]->steps)),
div(setClass('flex flex-wrap gap-5'), !isset($blocks[$blockIndex]->steps) ? null : $this->buildQuestion($blocks[$blockIndex]->steps)),
),
div(setClass('text-left text-sm leading-tight text-canvas'), $lang->thinkwizard->pffaGroundText[$blockIndex])
);
@@ -57,7 +57,7 @@ class thinkPffa extends thinkModel
return div
(
setClass('w-1/3 col justify-stretch pr-3.5 block-' . $blockIndex),
$mode === 'preview' ? null : setStyle(array('min-width' => '504px')),
$mode === 'preview' ? null : setStyle(array('min-width' => '560px')),
$mode === 'preview' ? span(setClass('text-gray-400 text-sm'), $lang->thinkwizard->block . $lang->thinkwizard->blockList[$blockIndex]) : null,
div
(
@@ -77,7 +77,7 @@ class thinkPffa extends thinkModel
return div
(
setClass('w-1/3 block-' . $blockIndex),
$mode === 'preview' ? null : setStyle(array('min-width' => '504px')),
$mode === 'preview' ? null : setStyle(array('min-width' => '540px')),
$mode === 'preview' ? span(setClass('text-gray-400 text-sm'), $lang->thinkwizard->block . $lang->thinkwizard->blockList[$blockIndex]) : null,
div
(
@@ -97,7 +97,7 @@ class thinkPffa extends thinkModel
return div
(
setClass('w-1/3 col justify-stretch block-' . $blockIndex),
$mode === 'preview' ? null : setStyle(array('min-width' => '504px')),
$mode === 'preview' ? null : setStyle(array('min-width' => '540px')),
$mode === 'preview' ? span(setClass('text-gray-400 text-sm'), $lang->thinkwizard->block . $lang->thinkwizard->blockList[$blockIndex]) : null,
div
(
@@ -116,7 +116,7 @@ class thinkPffa extends thinkModel
return div
(
setClass('w-1/3 relative block-' . $blockIndex),
$mode === 'preview' ? null : setStyle(array('min-width' => '504px')),
$mode === 'preview' ? null : setStyle(array('min-width' => '540px')),
$mode === 'preview' ? span(setClass('absolute text-gray-400 text-sm'), $lang->thinkwizard->block . $lang->thinkwizard->blockList[$blockIndex]) : null,
div
(
@@ -136,7 +136,7 @@ class thinkPffa extends thinkModel
return div
(
setClass('w-1/3 col justify-stretch pl-3.5 block-' . $blockIndex),
$mode === 'preview' ? null : setStyle(array('min-width' => '504px')),
$mode === 'preview' ? null : setStyle(array('min-width' => '560px')),
$mode === 'preview' ? span(setClass('text-gray-400 text-sm ml-4'), $lang->thinkwizard->block . $lang->thinkwizard->blockList[$blockIndex]) : null,
div
(
lib/zin/wg/thinkresult/css/v1.css
+4 -4
View File
@@ -8,7 +8,7 @@
.think-result-content .bg-think-yellow {background-color: rgba(250, 174, 26, var(--tw-bg-opacity));}
.think-result-content .text-think-yellow {color: #FAAE1A;}
.think-result-content .think-blue-outline {--skin-ring: #2294FB;}
.think-result-content .special-outline {--skin-bg: rgba(var(--color-special-500-rgb), var(--tw-bg-opacity));}
.think-result-content .success-outline {--skin-bg: rgba(var(--color-success-500-rgb), var(--tw-bg-opacity));}
.think-result-content .warning-outline {--skin-bg: rgba(var(--color-warning-500-rgb), var(--tw-bg-opacity));}
.think-result-content .important-outline {--skin-bg: rgba(var(--color-important-500-rgb), var(--tw-bg-opacity));}
.think-result-content .special-outline {--skin-text: unset; --skin-bg: rgba(var(--color-special-500-rgb), var(--tw-bg-opacity));}
.think-result-content .success-outline {--skin-text: unset; --skin-bg: rgba(var(--color-success-500-rgb), var(--tw-bg-opacity));}
.think-result-content .warning-outline {--skin-text: unset; --skin-bg: rgba(var(--color-warning-500-rgb), var(--tw-bg-opacity));}
.think-result-content .important-outline {--skin-text: unset; --skin-bg: rgba(var(--color-important-500-rgb), var(--tw-bg-opacity));}