tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases 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:56:14 +02:00
parent fae2771645
commit 0b4ac2b355
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

@ -339,6 +339,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`
@ -351,6 +358,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>
` `
)} )}