Fixing css issue with updater's alert
This commit is contained in:
parent
f5e9657842
commit
854a9d701a
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
</>
|
</>
|
||||||
|
|
Loading…
Reference in New Issue