fix: challenge modal styles (#987)

This commit is contained in:
Aman Harwara
2022-04-19 23:02:29 +05:30
committed by GitHub
parent 8fe7df3969
commit 9f8c402e1a
2 changed files with 8 additions and 6 deletions

View File

@@ -39,9 +39,9 @@ export const ChallengeModalPrompt: FunctionComponent<Props> = ({
}, [isInvalid])
return (
<>
<div className="w-full mb-3">
{prompt.validation === ChallengeValidation.ProtectionSessionDuration ? (
<div className="mt-3 min-w-76">
<div className="min-w-76">
<div className="text-sm font-medium mb-2">Allow protected access for</div>
<div className="flex items-center justify-between bg-grey-4 rounded p-1">
{ProtectionSessionDurations.map((option) => {
@@ -91,6 +91,6 @@ export const ChallengeModalPrompt: FunctionComponent<Props> = ({
{isInvalid && (
<div className="text-sm color-danger mt-2">Invalid authentication, please try again.</div>
)}
</>
</div>
)
}