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", "type": "tildefriends-app",
"emoji": "🐌", "emoji": "🐌",
"previous": "&W98iW3aUxCvTQovPohAd500SpJyOEwsVPDe4hoHaVMg=.sha256" "previous": "&sR39JhvUCRlOv7hdEWV81RWWkyoPGLg6u4w+BfqUE9s=.sha256"
} }

2
apps/ssb/index.html
View File

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

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

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