Change <dialog> for ErrorDialog in <div> because only Chrome knows <dialog>
This commit is contained in:
parent
bacd260547
commit
3e19234edc
@ -8,7 +8,7 @@ function close(): boolean {
|
|||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<dialog class="error-dialog nes-dialog is-dark is-rounded" id="dialog-dark-rounded" open>
|
<div class="error-div nes-container is-dark is-rounded" open>
|
||||||
<p class="nes-text is-error title">Error</p>
|
<p class="nes-text is-error title">Error</p>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
{#each $errorStore as error}
|
{#each $errorStore as error}
|
||||||
@ -18,12 +18,16 @@ function close(): boolean {
|
|||||||
<div class="button-bar">
|
<div class="button-bar">
|
||||||
<button class="nes-btn is-error" on:click={close}>Close</button>
|
<button class="nes-btn is-error" on:click={close}>Close</button>
|
||||||
</div>
|
</div>
|
||||||
</dialog>
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
dialog.error-dialog {
|
div.error-div {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
top: 10%;
|
margin-top: 10vh;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
width: max-content;
|
||||||
|
max-width: 80vw;
|
||||||
|
|
||||||
.button-bar {
|
.button-bar {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -60,7 +60,6 @@ class WaScaleManager {
|
|||||||
|
|
||||||
public saveZoom(): void {
|
public saveZoom(): void {
|
||||||
this._saveZoom = this.hdpiManager.zoomModifier;
|
this._saveZoom = this.hdpiManager.zoomModifier;
|
||||||
console.log(this._saveZoom);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public restoreZoom(): void{
|
public restoreZoom(): void{
|
||||||
|
Loading…
Reference in New Issue
Block a user