Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove extra padding if lightAndDarkMode is false (#230)

Browse Source 
Remove the extra "right-padding" inside the header search icon when lightAndDarkMode is false so UI is consistent.
This is done by including <li> tag inside if statement
This commit is contained in:
Mario Davó
2024-01-12 16:33:19 +01:00
committed by GitHub
parent f525698771
commit 742314e0ac
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.astro
+2 -2
View File
@@ -89,9 +89,9 @@ const { activeNav } = Astro.props;
<span class="sr-only">Search</span> <span class="sr-only">Search</span>
</LinkButton> </LinkButton>
</li> </li>
<li>
{ {
SITE.lightAndDarkMode && ( SITE.lightAndDarkMode && (
<li>
<button <button
id="theme-btn" id="theme-btn"
class="focus-outline" class="focus-outline"
@@ -106,9 +106,9 @@ const { activeNav } = Astro.props;
<path d="M6.993 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007S14.761 6.993 12 6.993 6.993 9.239 6.993 12zM12 8.993c1.658 0 3.007 1.349 3.007 3.007S13.658 15.007 12 15.007 8.993 13.658 8.993 12 10.342 8.993 12 8.993zM10.998 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2h-3zm17 0h3v2h-3zM4.219 18.363l2.12-2.122 1.415 1.414-2.12 2.122zM16.24 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.342 7.759 4.22 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z" /> <path d="M6.993 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007S14.761 6.993 12 6.993 6.993 9.239 6.993 12zM12 8.993c1.658 0 3.007 1.349 3.007 3.007S13.658 15.007 12 15.007 8.993 13.658 8.993 12 10.342 8.993 12 8.993zM10.998 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2h-3zm17 0h3v2h-3zM4.219 18.363l2.12-2.122 1.415 1.414-2.12 2.122zM16.24 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.342 7.759 4.22 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z" />
</svg> </svg>
</button> </button>
</li>
) )
} }
</li>
</ul> </ul>
</nav> </nav>
</div> </div>