mirror of
https://github.com/yangshun/tech-interview-handbook.git
synced 2025-07-14 18:05:55 +08:00
[questions][ui] minor ui fixes (#473)
This commit is contained in:
@ -30,9 +30,8 @@ export default function ContributeQuestionCard({
|
|||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-full">
|
|
||||||
<button
|
<button
|
||||||
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"
|
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"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={handleOpenContribute}>
|
onClick={handleOpenContribute}>
|
||||||
<TextInput
|
<TextInput
|
||||||
@ -42,7 +41,7 @@ export default function ContributeQuestionCard({
|
|||||||
placeholder="Contribute a question"
|
placeholder="Contribute a question"
|
||||||
onChange={handleOpenContribute}
|
onChange={handleOpenContribute}
|
||||||
/>
|
/>
|
||||||
<div className="flex flex-wrap items-end justify-center gap-x-2">
|
<div className="flex flex-wrap items-end justify-start gap-2">
|
||||||
<div className="min-w-[150px] flex-1">
|
<div className="min-w-[150px] flex-1">
|
||||||
<TextInput
|
<TextInput
|
||||||
disabled={true}
|
disabled={true}
|
||||||
@ -80,6 +79,5 @@ export default function ContributeQuestionCard({
|
|||||||
onSubmit={onSubmit}
|
onSubmit={onSubmit}
|
||||||
/>
|
/>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -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)',
|
||||||
|
Reference in New Issue
Block a user