public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-23 16:50:54 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(web): navigation buttons z-order (#3286)

Browse Source 
* Fix navigation styling

* z-index
* refactor transition and hover

* Add NavigationButton and NavigationArea components

* Use group-hover to simplify hover styling

* fix check

* fix check

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
Sergey Kondrikov
2023-07-16 04:25:59 +03:00
committed by GitHub
parent c254a04aec
commit ed3c239b7e
2 changed files with 14 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/lib/components/asset-viewer/navigation-area.svelte Normal file
View File

@@ -0,0 +1,9 @@
<script lang="ts">
</script>
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div class="group h-full flex place-items-center" on:click on:keydown>
<button class="rounded-full p-3 transition text-gray-500 mx-4 group-hover:text-white group-hover:bg-gray-500">
<slot />
</button>
</div>