MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-16 21:33:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Mobile improvements for two-factor form

Browse Source
This commit is contained in:
Dane Everitt
2019-12-22 20:51:50 -08:00
parent 9a0ed6b291
commit 6ccac6e040
3 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
resources/scripts/components/dashboard/forms/SetupTwoFactorModal.tsx
View File

@@ -63,9 +63,9 @@ export default ({ ...props }: RequiredModalProps) => {
>
<Form className={'mb-0'}>
<FlashMessageRender className={'mb-6'} byKey={'account:two-factor'}/>
<div className={'flex'}>
<div className={'flex-1'}>
<div className={'w-64 h-64 bg-neutral-600 p-2 rounded'}>
<div className={'flex flex-wrap'}>
<div className={'w-full md:flex-1'}>
<div className={'w-32 h-32 md:w-64 md:w-64 bg-neutral-600 p-2 rounded mx-auto'}>
{!token || !token.length ?
<img
src={'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='}
@@ -80,7 +80,7 @@ export default ({ ...props }: RequiredModalProps) => {
}
</div>
</div>
<div className={'flex-1 flex flex-col'}>
<div className={'w-full mt-6 md:mt-0 md:flex-1 md:flex md:flex-col'}>
<div className={'flex-1'}>
<Field
id={'code'}
@@ -91,7 +91,7 @@ export default ({ ...props }: RequiredModalProps) => {
autoFocus={!loading}
/>
</div>
<div className={'text-right'}>
<div className={'mt-6 md:mt-0 text-right'}>
<button className={'btn btn-primary btn-sm'} disabled={!isValid}>
Setup
</button>