algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-14 18:05:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

[questions][ui] minor ui fixes (#473)

Browse Source
This commit is contained in:
Jeff Sieu
2022-10-31 14:39:54 +08:00
committed by GitHub
parent fe94c9d2da
commit 2ae9f2c618
2 changed files with 49 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
apps/portal/src/components/questions/ContributeQuestionCard.tsx
View File

@ -30,56 +30,54 @@ export default function ContributeQuestionCard({
}); });
return ( return (
<div className="w-full"> <button
<button className="flex w-full flex-col items-stretch justify-center gap-2 rounded-md border border-slate-300 bg-white p-4 text-left hover:bg-slate-100"
className="flex flex-col items-stretch justify-center gap-2 rounded-md border border-slate-300 bg-white p-4 text-left hover:bg-slate-100" type="button"
type="button" onClick={handleOpenContribute}>
onClick={handleOpenContribute}> <TextInput
<TextInput disabled={true}
disabled={true} isLabelHidden={true}
isLabelHidden={true} label="Question"
label="Question" placeholder="Contribute a question"
placeholder="Contribute a question" onChange={handleOpenContribute}
onChange={handleOpenContribute} />
/> <div className="flex flex-wrap items-end justify-start gap-2">
<div className="flex flex-wrap items-end justify-center gap-x-2"> <div className="min-w-[150px] flex-1">
<div className="min-w-[150px] flex-1"> <TextInput
<TextInput disabled={true}
disabled={true} label="Company"
label="Company" startAddOn={BuildingOffice2Icon}
startAddOn={BuildingOffice2Icon} startAddOnType="icon"
startAddOnType="icon" onChange={handleOpenContribute}
onChange={handleOpenContribute} />
/>
</div>
<div className="min-w-[150px] flex-1">
<TextInput
disabled={true}
label="Question type"
startAddOn={QuestionMarkCircleIcon}
startAddOnType="icon"
onChange={handleOpenContribute}
/>
</div>
<div className="min-w-[150px] flex-1">
<TextInput
disabled={true}
label="Date"
startAddOn={CalendarDaysIcon}
startAddOnType="icon"
onChange={handleOpenContribute}
/>
</div>
<h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
Contribute
</h1>
</div> </div>
<ContributeQuestionDialog <div className="min-w-[150px] flex-1">
show={showDraftDialog} <TextInput
onCancel={handleDraftDialogCancel} disabled={true}
onSubmit={onSubmit} label="Question type"
/> startAddOn={QuestionMarkCircleIcon}
</button> startAddOnType="icon"
</div> onChange={handleOpenContribute}
/>
</div>
<div className="min-w-[150px] flex-1">
<TextInput
disabled={true}
label="Date"
startAddOn={CalendarDaysIcon}
startAddOnType="icon"
onChange={handleOpenContribute}
/>
</div>
<h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
Contribute
</h1>
</div>
<ContributeQuestionDialog
show={showDraftDialog}
onCancel={handleDraftDialogCancel}
onSubmit={onSubmit}
/>
</button>
); );
} }

2
apps/portal/src/components/questions/forms/ContributeQuestionForm.tsx
View File

@ -252,7 +252,7 @@ export default function ContributeQuestionForm({
)} )}
</div> </div>
<div <div
className="bg-primary-50 flex w-full justify-between gap-y-2 py-3 shadow-[0_0_0_100vmax_theme(colors.primary.50)]" className="bg-primary-50 flex w-full flex-col gap-y-2 py-3 shadow-[0_0_0_100vmax_theme(colors.primary.50)] sm:flex-row sm:justify-between"
style={{ style={{
// Hack to make the background bleed outside the container // Hack to make the background bleed outside the container
clipPath: 'inset(0 -100vmax)', clipPath: 'inset(0 -100vmax)',