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

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

View File

@ -340,6 +340,13 @@ class TfElement extends LitElement {
};
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">
${Object.entries(k_tabs).map(
([k, v]) => html`
@ -352,6 +359,7 @@ class TfElement extends LitElement {
@click=${() => self.set_tab(v)}
>
${k}
<span class="hide-on-small-screens">${v}</span>
</button>
`
)}