Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Use hambutger menu text symbol for navigation roggle button

This commit is contained in:
Helen Chong 2024-06-06 21:07:22 +08:00
parent c5b51e4324
commit 4c5abd1e80
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/_includes/global/navbar.njk
View File

@ -1,6 +1,6 @@
<nav class="navbar"> <nav class="navbar">
<button class="navbar__toggle" aria-label="Navigation menu toggle"> <button class="navbar__toggle" aria-label="Navigation menu toggle">
<i class="fa-solid fa-bars"></i> <span aria-hidden="true">☰</span>
<h2 class="navbar__title">Navigation</h2> <h2 class="navbar__title">Navigation</h2>
</button> </button>
<ul class="navbar__links"> <ul class="navbar__links">
@ -29,7 +29,7 @@
.navbar__toggle { .navbar__toggle {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5em; gap: 0.3em;
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;