cory/tildefriends
4
5
Fork 1
Code Issues 29 Pull Requests 1 Actions Releases 26 Wiki Activity

Better CSS for the ssb app to fill the iframe?

Browse Source
This commit is contained in:
Cory McWilliams 2024-04-10 18:43:48 -04:00
parent c674cca482
commit b9a73106ed
3 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ssb.json
View File

@ -1,5 +1,5 @@
{
"type": "tildefriends-app",
"emoji": "🐌",
"previous": "&W98iW3aUxCvTQovPohAd500SpJyOEwsVPDe4hoHaVMg=.sha256"
"previous": "&sR39JhvUCRlOv7hdEWV81RWWkyoPGLg6u4w+BfqUE9s=.sha256"
}

2
apps/ssb/index.html
View File

@ -10,7 +10,7 @@
}
</style>
</head>
<body style="margin: 0; padding: 0; background: #000">
<body style="margin: 0; padding: 0">
<tf-app/>
<script>
window.litDisableBundleWarning = true;

16
apps/ssb/tf-app.js
View File

@ -352,7 +352,7 @@ class TfElement extends LitElement {
};
let tabs = html`
<div class="w3-bar w3-theme-l1 min-height: 100%">
<div class="w3-bar w3-theme-l1">
${Object.entries(k_tabs).map(
([k, v]) => html`
<button
@ -375,12 +375,14 @@ class TfElement extends LitElement {
: html`<div>Select or create an identity.</div>`
: this.render_tab();
return html`
<div style="padding: 8px" class="w3-theme-dark">
${this.render_id_picker()} ${tabs}
${this.tags.map(
(x) => html`<tf-tag tag=${x.tag} count=${x.count}></tf-tag>`
)}
${contents}
<div style="width: 100vw; min-height: 100vh; height: 100%" class="w3-theme-dark">
<div style="padding: 8px">
${this.render_id_picker()} ${tabs}
${this.tags.map(
(x) => html`<tf-tag tag=${x.tag} count=${x.count}></tf-tag>`
)}
${contents}
</div>
</div>
`;
}