web/settings: clean up the mobile header

This commit is contained in:
wukko 2024-07-10 20:19:46 +06:00
parent e52340f33a
commit 6c2d147bc6
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -55,10 +55,10 @@
</a> </a>
{/if} {/if}
<h3 id="settings-page-title" aria-level="1"> <h3 id="settings-page-title" aria-level="1">
{$t("tabs.settings")}
{#if !isHome} {#if !isHome}
<span class="title-slash"> / </span>
{$t(`settings.page.${currentPageTitle}`)} {$t(`settings.page.${currentPageTitle}`)}
{:else}
{$t("tabs.settings")}
{/if} {/if}
</h3> </h3>
{:else} {:else}
@ -171,8 +171,8 @@
.back-button :global(svg) { .back-button :global(svg) {
stroke-width: 2px; stroke-width: 2px;
height: 21px; height: 22px;
width: 21px; width: 22px;
} }
.hidden-mobile { .hidden-mobile {
@ -219,10 +219,7 @@
#settings-page-title { #settings-page-title {
text-align: center; text-align: center;
letter-spacing: -0.3px; letter-spacing: -0.3px;
} font-size: 16.5px;
.title-slash {
color: var(--gray);
} }
#settings-navigation { #settings-navigation {