fix: several responsive button

This commit is contained in:
Sukma Gladys 2024-11-26 04:50:20 +07:00
parent 2924adc1f6
commit 6eb3a2e073

View File

@ -539,7 +539,7 @@ export default function AssessmentResultPage() {
<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">
<div className="flex flex-col w-full h-fit mb-4 justify-center items-start bg-white p-4 border-b">
{/* Konten Header */}
<div className="flex justify-between items-center w-full">
<div className="flex flex-col lg:flex-row justify-between items-center w-full">
{isSuperAdmin ? (
<div className="flex flex-col">
<button
@ -559,7 +559,7 @@ export default function AssessmentResultPage() {
</div>
)}
<div className="hidden lg:flex flex-row gap-2" id="button-print">
<div className="flex flex-row gap-2 mt-4 lg:mt-0" id="button-print">
<div className="flex">
<DropdownMenu>
<DropdownMenuTrigger
@ -574,7 +574,7 @@ export default function AssessmentResultPage() {
)}
</DropdownMenuTrigger>
{isOpen && (
<DropdownMenuContent className="bg-white text-black flex w-44 rounded-sm text-sm items-start">
<DropdownMenuContent className="bg-white text-black flex w-44 rounded-sm text-xs lg:text-sm items-start">
<DropdownMenuItem className="w-full" onClick={handleItemClick}>
{selectedItem === 'Hasil Asesmen' ? 'Hasil Terverifikasi' : 'Hasil Asesmen'}
</DropdownMenuItem>
@ -584,7 +584,7 @@ export default function AssessmentResultPage() {
</div>
<button
onClick={() => handlePrintPDF()}
className="bg-blue-600 text-white flex w-fit py-2 px-4 rounded-lg text-sm items-start justify-between outline-none ring-offset-0"
className="bg-blue-600 text-white flex w-fit py-2 px-4 rounded-lg text-xs lg:text-sm items-start justify-between outline-none ring-offset-0"
>
Cetak PDF
<TbFileTypePdf size={20} className="ml-2" />