* [task#120434] change border to outline to avoid affecting the scaling effect.

This commit is contained in:
wangzemei
2024-06-17 15:44:23 +08:00
committed by 刘刚
parent d72bc8c814
commit e4f5d42fda
2 changed files with 14 additions and 6 deletions
+9 -5
View File
@@ -32,14 +32,18 @@ class thinkPffa extends thinkModel
return div
(
setClass('w-full h-full px-2 py-2.5 border overflow-auto col justify-between gap-4 bg-opacity-20 bg-' . $blockColor, 'border-' . $blockColor),
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'),
div
(
setClass('text-sm item-step-title text-clip', 'text-' . $blockColor),
set::title(!empty($blocks[$blockIndex]->text) ? $blocks[$blockIndex]->text : null),
!empty($blocks[$blockIndex]->text) ? $blocks[$blockIndex]->text : $defaultTitle
setClass('col gap-2'),
div
(
setClass('text-sm item-step-title text-clip', 'text-' . $blockColor),
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-1.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])
);
}
+5 -1
View File
@@ -5,6 +5,10 @@
.think-result-content .bg-think-blue {background-color: rgba(34, 148, 251, var(--tw-bg-opacity));}
.think-result-content .text-think-blue {color: #2294FB;}
.think-result-content .border-think-blue {border-color: #2294FB;}
.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));}