add scroll to select

This commit is contained in:
Johannes
2023-06-09 14:22:01 +02:00
parent 4bfaf68de2
commit 92787722f0
4 changed files with 4 additions and 4 deletions
@@ -285,7 +285,7 @@ export default function PreviewSurvey({
</Modal>
) : (
<div className="flex flex-grow flex-col">
<div className="flex w-full flex-grow flex-col items-center justify-center bg-white">
<div className="flex w-full flex-grow flex-col items-center justify-center bg-white py-6">
<div className="w-full max-w-md">
{(activeQuestionId || lastActiveQuestionId) === "thank-you-card" ? (
<ThankYouCard
@@ -73,7 +73,7 @@ export default function SurveyEditor({ environmentId, surveyId }: SurveyEditorPr
/>
)}
</main>
<aside className="group hidden flex-1 flex-shrink-0 items-center justify-center overflow-hidden border-l border-slate-100 bg-slate-50 md:flex md:flex-col">
<aside className="group hidden flex-1 flex-shrink-0 items-center justify-center overflow-hidden border-l border-slate-100 bg-slate-50 py-2 md:flex md:flex-col">
<PreviewSurvey
activeQuestionId={activeQuestionId}
setActiveQuestionId={setActiveQuestionId}
@@ -56,7 +56,7 @@ export default function MultipleChoiceMultiQuestion({
<div className="mt-4">
<fieldset>
<legend className="sr-only">Options</legend>
<div className="relative space-y-2 rounded-md bg-white">
<div className="relative max-h-[42vh] space-y-2 overflow-y-auto rounded-md py-1 pr-2">
{question.choices &&
question.choices.map((choice) => (
<>
@@ -37,7 +37,7 @@ export default function MultipleChoiceSingleQuestion({
<div className="mt-4">
<fieldset>
<legend className="sr-only">Options</legend>
<div className="relative space-y-2 rounded-md">
<div className="relative max-h-[42vh] space-y-2 overflow-y-auto rounded-md py-1 pr-2">
{question.choices &&
question.choices.map((choice, idx) => (
<label