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:56:14 +02:00
parent fae2771645
commit 0b4ac2b355
Signed by: tasiaiso
SSH Key Fingerprint: SHA256:KiRjUay5C9i6objsEOIycygBHn54pDBB3Lj7fyJ0Elw

View File

@ -339,6 +339,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`
@ -351,6 +358,7 @@ class TfElement extends LitElement {
@click=${() => self.set_tab(v)}
>
${k}
<span class="hide-on-small-screens">${v}</span>
</button>
`
)}