Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/settings: more accessibility improvements

Browse source
This commit is contained in:
wukko 2024-07-03 17:10:53 +06:00
parent a478993599
commit 901f0a7480
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
3 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/settings/SettingsSection.svelte
View file

@ -2,12 +2,12 @@
export let sectionTitle: string;
</script>
<div id="settings-section">
<section id="settings-section">
<div id="settings-section-title">{sectionTitle}</div>
<div id="settings-section-categories">
<slot></slot>
</div>
</div>
</section>
<style>
#settings-section,

1
web/src/components/settings/SettingsTab.svelte
View file

@ -14,6 +14,7 @@
class="settings-tab"
href="/settings/{tabLink}"
class:active={isActive}
role="button"
>
<div class="settings-tab-left">
<div class="tab-icon" style="background: var(--{iconColor})">

4
web/src/routes/settings/+layout.svelte
View file

@ -39,7 +39,7 @@
<IconChevronLeft />
</a>
{/if}
<h3 id="settings-page-title">
<h3 id="settings-page-title" aria-level="1">
settings
{#if !isHome}
<span class="title-slash"> / </span>
@ -47,7 +47,7 @@
{/if}
</h3>
{:else}
<h2 id="settings-page-title">settings</h2>
<h2 id="settings-page-title" aria-level="1">settings</h2>
{/if}
</div>
<nav id="settings-navigation" class:visible-mobile={isMobile && isHome}>