fix: add md:bg-white when responsive and margin bottom on Assessment Result Value Diagram

This commit is contained in:
abiyasa05 2024-11-28 15:31:33 +07:00
parent e08ca55a2d
commit e66eb7913a

View File

@ -556,7 +556,7 @@ export default function AssessmentResultPage() {
</div> </div>
</div> </div>
<Card className="flex flex-col w-screen h-fit border-none shadow-none -mt-6 lg:-mr-5 lg:-ml-0 -mx-3 bg-stone-50 overflow-hidden"> <Card className="flex flex-col w-screen h-fit border-none shadow-none -mt-6 lg:-mr-5 lg:-ml-0 -mx-3 lg:bg-stone-50 md:bg-white overflow-hidden">
<div className="flex flex-col w-full h-fit mb-4 justify-center items-start bg-white p-4 border-b"> <div className="flex flex-col w-full h-fit mb-4 justify-center items-start bg-white p-4 border-b">
{/* Konten Header */} {/* Konten Header */}
<div className="flex flex-col lg:flex-row justify-between items-center w-full"> <div className="flex flex-col lg:flex-row justify-between items-center w-full">
@ -787,7 +787,7 @@ export default function AssessmentResultPage() {
</> </>
)} )}
<Card className="flex flex-col lg:flex-row gap-4 border-none shadow-none lg:mx-4 bg-transparent"> <Card className="flex flex-col lg:flex-row gap-4 border-none shadow-none lg:mx-4 bg-transparent mb-4">
{/* Bar Chart */} {/* Bar Chart */}
{selectedItem === 'Hasil Asesmen' ? ( {selectedItem === 'Hasil Asesmen' ? (
<> <>