diff --git a/components/page.js b/components/page.js index d595be7..30d4803 100644 --- a/components/page.js +++ b/components/page.js @@ -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)