feat: responses already recd warning and survey preview padding

This commit is contained in:
ShubhamPalriwala
2023-08-17 13:08:50 +05:30
parent 15fde11804
commit 0d5af6b44d
2 changed files with 7 additions and 5 deletions

View File

@@ -451,7 +451,7 @@ export default function PreviewSurvey({
</Modal>
) : (
<div className="flex flex-grow flex-col overflow-y-auto" ref={ContentRef}>
<div className="flex w-full flex-grow flex-col items-center justify-center bg-white py-6">
<div className="flex w-full flex-grow p-4 flex-col items-center justify-center bg-white py-6">
<div className="w-full max-w-md">
<QuestionRenderer
activeQuestionId={activeQuestionId}

View File

@@ -169,7 +169,7 @@ export default function SurveyMenuBar({
}}>
Back
</Button>
<p className="pl-4 font-semibold hidden md:block">{product.name} / </p>
<p className="hidden pl-4 font-semibold md:block">{product.name} / </p>
<Input
defaultValue={localSurvey.name}
onChange={(e) => {
@@ -180,9 +180,11 @@ export default function SurveyMenuBar({
/>
</div>
{!!localSurvey?.responseRate && (
<div className="mx-auto flex items-center rounded-full border border-amber-200 bg-amber-100 p-2 text-sm text-amber-700 shadow-sm">
<ExclamationTriangleIcon className="mr-2 h-5 w-5 text-amber-400" />
This survey received responses. To keep the data consistent, make changes with caution.
<div className="mx-auto flex items-center rounded-full border border-amber-200 bg-amber-100 p-2 text-amber-700 shadow-sm">
<ExclamationTriangleIcon className=" h-5 w-5 text-amber-400" />
<p className="max-w-[90%] pl-1 text-xs lg:text-sm">
This survey received responses. To keep the data consistent, make changes with caution.
</p>
</div>
)}
<div className="mt-3 flex sm:ml-4 sm:mt-0">