chore: correctly style link

This commit is contained in:
Aman Harwara
2023-01-11 23:26:09 +05:30
parent aa2323c07b
commit 2fc365434f

View File

@@ -11,6 +11,7 @@ import ModalDialog from '@/Components/Shared/ModalDialog'
import ModalDialogButtons from '@/Components/Shared/ModalDialogButtons' import ModalDialogButtons from '@/Components/Shared/ModalDialogButtons'
import ModalDialogDescription from '@/Components/Shared/ModalDialogDescription' import ModalDialogDescription from '@/Components/Shared/ModalDialogDescription'
import ModalDialogLabel from '@/Components/Shared/ModalDialogLabel' import ModalDialogLabel from '@/Components/Shared/ModalDialogLabel'
import Icon from '@/Components/Icon/Icon'
type Props = { type Props = {
activation: TwoFactorActivation activation: TwoFactorActivation
@@ -63,12 +64,16 @@ const SaveSecretKey: FunctionComponent<Props> = ({ activation: act }) => {
<Bullet /> <Bullet />
<div className="min-w-1" /> <div className="min-w-1" />
<div className="text-sm"> <div className="text-sm">
You can use this key to generate codes if you lose access to your authenticator app.{' '} You can use this key to generate codes if you lose access to your authenticator app.
<br />
<a <a
target="_blank" target="_blank"
rel="noreferrer noopener"
className="underline hover:no-underline"
href="https://standardnotes.com/help/22/what-happens-if-i-lose-my-2fa-device-and-my-secret-key" href="https://standardnotes.com/help/22/what-happens-if-i-lose-my-2fa-device-and-my-secret-key"
> >
Learn more Learn more
<Icon className="ml-1 inline" type="open-in" size="small" />
</a> </a>
</div> </div>
</div> </div>