mirror of
https://github.com/yangshun/tech-interview-handbook.git
synced 2025-07-15 02:33:50 +08:00
[questions][ui] minor ui fixes (#473)
This commit is contained in:
@ -30,9 +30,8 @@ export default function ContributeQuestionCard({
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="w-full">
|
||||
<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"
|
||||
onClick={handleOpenContribute}>
|
||||
<TextInput
|
||||
@ -42,7 +41,7 @@ export default function ContributeQuestionCard({
|
||||
placeholder="Contribute a question"
|
||||
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">
|
||||
<TextInput
|
||||
disabled={true}
|
||||
@ -80,6 +79,5 @@ export default function ContributeQuestionCard({
|
||||
onSubmit={onSubmit}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -252,7 +252,7 @@ export default function ContributeQuestionForm({
|
||||
)}
|
||||
</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={{
|
||||
// Hack to make the background bleed outside the container
|
||||
clipPath: 'inset(0 -100vmax)',
|
||||
|
Reference in New Issue
Block a user