generated from Seekra/repository-template
feat: add dark mode toggle button to Navbar
This commit is contained in:
@@ -22,8 +22,16 @@ const isDark = inject('isDark');
|
|||||||
<RouterLink to="/" class="link button link">
|
<RouterLink to="/" class="link button link">
|
||||||
<span id="logo">Seekra</span>
|
<span id="logo">Seekra</span>
|
||||||
</RouterLink>
|
</RouterLink>
|
||||||
<ul class="right-links">
|
<ul class="right-links">
|
||||||
</ul>
|
<li>
|
||||||
|
<button class="dark-mode-toggle"
|
||||||
|
@click="isDark = !isDark"
|
||||||
|
:aria-label="isDark ? 'Light mode' : 'Dark mode'">
|
||||||
|
<span v-if="isDark">☀️</span>
|
||||||
|
<span v-else>🌙</span>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user