WIP PWA for Grain
feat: add grain-feed-layout template
+23
+23
src/components/templates/grain-feed-layout.js
+23
src/components/templates/grain-feed-layout.js
···
1
+
import { LitElement, html, css } from 'lit';
2
+
3
+
export class GrainFeedLayout extends LitElement {
4
+
static styles = css`
5
+
:host {
6
+
display: block;
7
+
max-width: var(--feed-max-width);
8
+
margin: 0 auto;
9
+
min-height: 100vh;
10
+
min-height: 100dvh;
11
+
background: var(--color-bg-primary);
12
+
}
13
+
::slotted(*) {
14
+
display: block;
15
+
}
16
+
`;
17
+
18
+
render() {
19
+
return html`<slot></slot>`;
20
+
}
21
+
}
22
+
23
+
customElements.define('grain-feed-layout', GrainFeedLayout);