|
|
|
@ -48,28 +48,26 @@ export class Page extends HTMLElement {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
connectedCallback() {
|
|
|
|
connectedCallback() {
|
|
|
|
this.header.innerText = path
|
|
|
|
|
|
|
|
this.textArea.value = localStorage.getItem(
|
|
|
|
this.textArea.value = localStorage.getItem(
|
|
|
|
this.path
|
|
|
|
this.path
|
|
|
|
) ?? ''
|
|
|
|
) ?? ''
|
|
|
|
const style = document.createElement('style')
|
|
|
|
const style = document.createElement('style')
|
|
|
|
style.textContent = `
|
|
|
|
style.textContent = `
|
|
|
|
h1 {
|
|
|
|
:host {
|
|
|
|
overflow-x: scroll;
|
|
|
|
overflow-y: auto;
|
|
|
|
font-size: 22px;
|
|
|
|
display: flex;
|
|
|
|
font-family: sans-serif;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
textarea {
|
|
|
|
textarea {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
margin: 0 5px;
|
|
|
|
margin: 0 5px;
|
|
|
|
padding: 5px;
|
|
|
|
padding: 5px;
|
|
|
|
|
|
|
|
|
|
|
|
height: 50vh;
|
|
|
|
height: 50vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
iframe {
|
|
|
|
iframe {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
width: 94vw;
|
|
|
|
width: 100%;
|
|
|
|
height: 80vh;
|
|
|
|
height: 90vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
`
|
|
|
|
`
|
|
|
|
this.shadowRoot.append(style)
|
|
|
|
this.shadowRoot.append(style)
|
|
|
|
|