RouterUI/router-ui-frontend
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Optimize theme switcher icon #1

Merged
keyemail merged 1 commit from svg-improvements into master 2024-08-24 10:03:16 +00:00
Conversation 0 Commits 1 Files changed 1 +2 -2
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 3d129a1bb1 - Show all commits

4
src/components/Navbar.vue
View file

@ -25,8 +25,8 @@
</RouterLink>
</ul>
<div class="popup">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" @mouseover="apperanceModePopup = true" @mouseleave="apperanceModePopup = false">
<path fill="currentColor" d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/>
<svg viewBox="0 0 512 512" @mouseover="apperanceModePopup = true" @mouseleave="apperanceModePopup = false">
<path fill="currentColor" d="M3 166a16 16 0 0110-25L121 121 141 13a16 16 0 0125-10L256 65 346 3a16 16 0 0125 10L391 121l108 20a16 16 0 0110 25L447 256l62 90a16 16 0 01-10 25L391 391 371 499a16 16 0 01-25 10L256 447l-90 62a16 16 0 01-25-10L121 391 13 371A16 16 0 013 346L65 256m63 1a128 128 0 100-2m32 0a96 96 0 110 2"/>
</svg>
<span v-if="apperanceModePopup">Light Mode</span>
<template v-else></template>