feat: add preview mue button to welcome modal

This commit is contained in:
David Ralph
2021-10-13 20:00:40 +01:00
parent bc8ef0d9f2
commit ed964c1354
5 changed files with 62 additions and 4 deletions

View File

@@ -0,0 +1,11 @@
import './preview.scss';
export default function Preview(props) {
return (
<div className='preview'>
<h3>NOTICE</h3>
<h1>You are currently in preview mode. Settings will be reset on closing this tab.</h1>
<button className='uploadbg' onClick={() => props.setup()}>Continue Setup</button>
</div>
);
}

View File

@@ -0,0 +1,15 @@
.preview {
position: absolute;
bottom: 20px;
right: 20px;
padding: 15px;
color: var(--modal-text);
background: var(--background);
max-width: 300px;
border-radius: 0.7em;
z-index: 999;
h1 {
font-size: 1rem;
}
}