fix: text and button color
This commit is contained in:
parent
92744c7f82
commit
38be3a757a
|
|
@ -86,7 +86,6 @@ export default function AssessmentResultPage() {
|
||||||
colorVar = '--levelTwo-color';
|
colorVar = '--levelTwo-color';
|
||||||
} else if (score >= 2.50 && score < 3.50) {
|
} else if (score >= 2.50 && score < 3.50) {
|
||||||
colorVar = '--levelThree-color';
|
colorVar = '--levelThree-color';
|
||||||
textColor = 'black';
|
|
||||||
} else if (score >= 3.50 && score < 4.49) {
|
} else if (score >= 3.50 && score < 4.49) {
|
||||||
colorVar = '--levelFour-color';
|
colorVar = '--levelFour-color';
|
||||||
} else if (score >= 4.50 && score <= 5) {
|
} else if (score >= 4.50 && score <= 5) {
|
||||||
|
|
@ -359,7 +358,7 @@ export default function AssessmentResultPage() {
|
||||||
{[
|
{[
|
||||||
{ level: 5, colorVar: '--levelFive-color', title: 'Implementasi Optimal', details: ['Otomatisasi', 'Terintegrasi', 'Membudaya'], textColor: 'white' },
|
{ level: 5, colorVar: '--levelFive-color', title: 'Implementasi Optimal', details: ['Otomatisasi', 'Terintegrasi', 'Membudaya'], textColor: 'white' },
|
||||||
{ level: 4, colorVar: '--levelFour-color', title: 'Implementasi Terkelola', details: ['Terorganisir', 'Review Berkala', 'Berkelanjutan'], textColor: 'white' },
|
{ level: 4, colorVar: '--levelFour-color', title: 'Implementasi Terkelola', details: ['Terorganisir', 'Review Berkala', 'Berkelanjutan'], textColor: 'white' },
|
||||||
{ level: 3, colorVar: '--levelThree-color', title: 'Implementasi Terdefinisi', details: ['Terorganisir', 'Konsisten', 'Review Berkala'], textColor: 'black' },
|
{ level: 3, colorVar: '--levelThree-color', title: 'Implementasi Terdefinisi', details: ['Terorganisir', 'Konsisten', 'Review Berkala'], textColor: 'white' },
|
||||||
{ level: 2, colorVar: '--levelTwo-color', title: 'Implementasi Berulang', details: ['Terorganisir', 'Tidak Konsisten', 'Berulang'], textColor: 'white' },
|
{ level: 2, colorVar: '--levelTwo-color', title: 'Implementasi Berulang', details: ['Terorganisir', 'Tidak Konsisten', 'Berulang'], textColor: 'white' },
|
||||||
{ level: 1, colorVar: '--levelOne-color', title: 'Implementasi Awal', details: ['Tidak Terukur', 'Tidak Konsisten', 'Risiko Tinggi'], textColor: 'white' }
|
{ level: 1, colorVar: '--levelOne-color', title: 'Implementasi Awal', details: ['Tidak Terukur', 'Tidak Konsisten', 'Risiko Tinggi'], textColor: 'white' }
|
||||||
].map(({ level, colorVar, title, details, textColor }, index) => (
|
].map(({ level, colorVar, title, details, textColor }, index) => (
|
||||||
|
|
@ -408,7 +407,7 @@ export default function AssessmentResultPage() {
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
<DropdownMenuTrigger
|
<DropdownMenuTrigger
|
||||||
className="bg-black text-white flex w-44 p-2 pl-4 rounded-sm text-sm items-start justify-between"
|
className="bg-blue-600 text-white flex w-44 p-2 pl-4 rounded-sm text-sm items-start justify-between"
|
||||||
onClick={handleDropdownToggle}
|
onClick={handleDropdownToggle}
|
||||||
>
|
>
|
||||||
{selectedItem}
|
{selectedItem}
|
||||||
|
|
@ -527,7 +526,7 @@ export default function AssessmentResultPage() {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Total score */}
|
{/* Total score */}
|
||||||
<div className="flex flex-row w-full h-14 gap-2 items-center justify-center font-bold text-2xl" style={getScoreStyleClass(Number(totalScore), true)}>
|
<div className="flex flex-row w-full h-14 gap-2 items-center justify-center font-bold text-3xl" style={getScoreStyleClass(Number(totalScore), true)}>
|
||||||
<p>Level Maturitas:</p>
|
<p>Level Maturitas:</p>
|
||||||
<span>{totalScore}</span>
|
<span>{totalScore}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -558,7 +557,7 @@ export default function AssessmentResultPage() {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Total verified score */}
|
{/* Total verified score */}
|
||||||
<div className="flex flex-row w-full h-14 gap-2 items-center justify-center font-bold text-2xl" style={getScoreStyleClass(Number(totalScore), true)}>
|
<div className="flex flex-row w-full h-14 gap-2 items-center justify-center font-bold text-3xl" style={getScoreStyleClass(Number(totalScore), true)}>
|
||||||
<p>Level Maturitas:</p>
|
<p>Level Maturitas:</p>
|
||||||
<span>{totalVerifiedScore}</span>
|
<span>{totalVerifiedScore}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user