cory/tildefriends
4
5
Fork 1
Code Issues 33 Pull Requests 1 Actions 1 Releases 27 Wiki Activity

feat(ssb): show the name of the tab if the screen is large enough

Browse Source
This commit is contained in:
Tasia Iso 2024-05-12 08:59:27 +02:00
parent 47838d5e48
commit 773396ac85
Signed by: tasiaiso
SSH Key Fingerprint: SHA256:KiRjUay5C9i6objsEOIycygBHn54pDBB3Lj7fyJ0Elw
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -340,6 +340,13 @@ class TfElement extends LitElement {
}; };
let tabs = html` let tabs = html`
<style>
@media only screen and (max-width: 650px) {
.hide-on-small-screens {
display: none;
}
}
</style>
<div class="w3-bar w3-theme-l1"> <div class="w3-bar w3-theme-l1">
${Object.entries(k_tabs).map( ${Object.entries(k_tabs).map(
([k, v]) => html` ([k, v]) => html`
@ -352,6 +359,7 @@ class TfElement extends LitElement {
@click=${() => self.set_tab(v)} @click=${() => self.set_tab(v)}
> >
${k} ${k}
<span class="hide-on-small-screens">${v}</span>
</button> </button>
` `
)} )}