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