gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: several responsive button

Browse Source
This commit is contained in:
Sukma Gladys 2024-11-26 04:50:20 +07:00
parent 2924adc1f6
commit 6eb3a2e073
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
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"> <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"> <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 justify-between items-center w-full"> <div className="flex flex-col lg:flex-row justify-between items-center w-full">
{isSuperAdmin ? ( {isSuperAdmin ? (
<div className="flex flex-col"> <div className="flex flex-col">
<button <button
@ -559,7 +559,7 @@ export default function AssessmentResultPage() {
</div> </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"> <div className="flex">
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger <DropdownMenuTrigger
@ -574,7 +574,7 @@ export default function AssessmentResultPage() {
)} )}
</DropdownMenuTrigger> </DropdownMenuTrigger>
{isOpen && ( {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}> <DropdownMenuItem className="w-full" onClick={handleItemClick}>
{selectedItem === 'Hasil Asesmen' ? 'Hasil Terverifikasi' : 'Hasil Asesmen'} {selectedItem === 'Hasil Asesmen' ? 'Hasil Terverifikasi' : 'Hasil Asesmen'}
</DropdownMenuItem> </DropdownMenuItem>
@ -584,7 +584,7 @@ export default function AssessmentResultPage() {
</div> </div>
<button <button
onClick={() => handlePrintPDF()} 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 Cetak PDF
<TbFileTypePdf size={20} className="ml-2" /> <TbFileTypePdf size={20} className="ml-2" />