Pull Request branch dev-clone to main #1
|
|
@ -626,6 +626,7 @@ export default function AssessmentPage() {
|
||||||
{isMobile && (
|
{isMobile && (
|
||||||
<LeftSheet open={isLeftSidebarOpen} onOpenChange={(open) => setIsLeftSidebarOpen(open)}>
|
<LeftSheet open={isLeftSidebarOpen} onOpenChange={(open) => setIsLeftSidebarOpen(open)}>
|
||||||
<LeftSheetContent className="h-full w-75 overflow-auto">
|
<LeftSheetContent className="h-full w-75 overflow-auto">
|
||||||
|
<ScrollArea className="h-full w-75 rounded-md p-2">
|
||||||
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
||||||
<div className="w-64">
|
<div className="w-64">
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
|
|
@ -674,12 +675,14 @@ export default function AssessmentPage() {
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</ScrollArea>
|
||||||
</LeftSheetContent>
|
</LeftSheetContent>
|
||||||
</LeftSheet>
|
</LeftSheet>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Sidebar for Desktop (Always Visible) */}
|
{/* Sidebar for Desktop (Always Visible) */}
|
||||||
<div className="hidden md:block fixed h-full w-66 overflow-auto border-x">
|
<div className="hidden md:block fixed h-full w-62 overflow-auto border-x">
|
||||||
|
<ScrollArea className="h-full w-62 rounded-md p-2">
|
||||||
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
||||||
<div className="w-64">
|
<div className="w-64">
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
|
|
@ -728,6 +731,7 @@ export default function AssessmentPage() {
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</ScrollArea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* MIDDLE */}
|
{/* MIDDLE */}
|
||||||
|
|
@ -755,10 +759,10 @@ export default function AssessmentPage() {
|
||||||
>
|
>
|
||||||
<div className="grid grid-cols-[auto_1fr_auto] gap-2 w-full items-start">
|
<div className="grid grid-cols-[auto_1fr_auto] gap-2 w-full items-start">
|
||||||
{/* Question Number */}
|
{/* Question Number */}
|
||||||
<Label className="font-bold p-2 text-sm">{startIndex + index + 1}.</Label>
|
<Label className="font-bold pl-6 text-sm">{startIndex + index + 1}.</Label>
|
||||||
|
|
||||||
{/* Question Text */}
|
{/* Question Text */}
|
||||||
<Label className="font-bold break-words text-sm p-2">{question.questionText}</Label>
|
<Label className="font-bold break-words text-sm">{question.questionText}</Label>
|
||||||
|
|
||||||
{/* Action Button/Flag */}
|
{/* Action Button/Flag */}
|
||||||
<button
|
<button
|
||||||
|
|
|
||||||
|
|
@ -590,6 +590,7 @@ export default function AssessmentPage() {
|
||||||
{isMobile && (
|
{isMobile && (
|
||||||
<LeftSheet open={isLeftSidebarOpen} onOpenChange={(open) => setIsLeftSidebarOpen(open)}>
|
<LeftSheet open={isLeftSidebarOpen} onOpenChange={(open) => setIsLeftSidebarOpen(open)}>
|
||||||
<LeftSheetContent className="h-full w-75 overflow-auto">
|
<LeftSheetContent className="h-full w-75 overflow-auto">
|
||||||
|
<ScrollArea className="h-full w-75 rounded-md p-2">
|
||||||
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
||||||
<div className="w-64">
|
<div className="w-64">
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
|
|
@ -638,12 +639,14 @@ export default function AssessmentPage() {
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</ScrollArea>
|
||||||
</LeftSheetContent>
|
</LeftSheetContent>
|
||||||
</LeftSheet>
|
</LeftSheet>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Sidebar for Desktop (Always Visible) */}
|
{/* Sidebar for Desktop (Always Visible) */}
|
||||||
<div className="hidden md:block fixed h-full w-66 overflow-auto border-x">
|
<div className="hidden md:block fixed h-full w-66 overflow-auto border-x">
|
||||||
|
<ScrollArea className="h-full w-62 rounded-md p-2">
|
||||||
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
<Label className="text-gray-800 p-5 text-sm font-normal">Aspek Menu</Label>
|
||||||
<div className="w-64">
|
<div className="w-64">
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
|
|
@ -692,6 +695,7 @@ export default function AssessmentPage() {
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</ScrollArea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* MIDDLE */}
|
{/* MIDDLE */}
|
||||||
|
|
@ -719,10 +723,10 @@ export default function AssessmentPage() {
|
||||||
>
|
>
|
||||||
<div className="grid grid-cols-[auto_1fr_auto] gap-2 w-full items-start">
|
<div className="grid grid-cols-[auto_1fr_auto] gap-2 w-full items-start">
|
||||||
{/* Question Number */}
|
{/* Question Number */}
|
||||||
<Label className="font-bold p-2 text-sm">{startIndex + index + 1}.</Label>
|
<Label className="font-bold pl-6 text-sm">{startIndex + index + 1}.</Label>
|
||||||
|
|
||||||
{/* Question Text */}
|
{/* Question Text */}
|
||||||
<Label className="font-bold break-words text-sm p-2">{question.questionText}</Label>
|
<Label className="font-bold break-words text-sm">{question.questionText}</Label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Radio Button Options */}
|
{/* Radio Button Options */}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user