Fixing css issue with updater's alert

This commit is contained in:
Eric van der Vlist 2023-04-04 15:03:44 +02:00
parent f5e9657842
commit 854a9d701a
2 changed files with 14 additions and 3 deletions

View File

@ -1,3 +1,12 @@
.mobile { .mobile {
position: fixed;
z-index: 1;
padding-top: 20px;
}
.web {
position: fixed;
z-index: 1;
left: 40px;
padding-top: 20px; padding-top: 20px;
} }

View File

@ -52,9 +52,11 @@ const Updater: Component<Props> = (props) => {
</div> </div>
</Show> </Show>
<Show when={window.Capacitor.platform === 'web'}> <Show when={window.Capacitor.platform === 'web'}>
<div class={style.web}>
<Alert severity='warning' class={style.mobile}> <Alert severity='warning' class={style.mobile}>
Please reload this page to update the application. Please reload this page to update the application.
</Alert> </Alert>
</div>
</Show> </Show>
</Show> </Show>
</> </>