aljaz/meshcore-web
1
0
Fork 0
mirror of https://github.com/aljazceru/meshcore-web.git synced 2025-12-18 08:34:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

use icon for disconnect on small screens

Browse Source
This commit is contained in:
liamcottle
2025-02-13 14:58:12 +13:00
parent b93f0ef9f5
commit c2880f073a
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Header.vue
View File

@@ -49,7 +49,12 @@
</button>
</RouterLink>
<button @click="disconnect" type="button" class="my-auto bg-gray-500 text-white px-2 py-1 p-1 rounded shadow hover:bg-gray-400">
Disconnect
<span class="block sm:hidden">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
<path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
</svg>
</span>
<span class="hidden sm:block">Disconnect</span>
</button>
</div>