helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

refactor(web): albums list (2) (#8214)

Browse source 
* refactor: albums list

* fix: responsive design

* keep albums in sharing
This commit is contained in:
martin 2024-03-24 19:07:20 +01:00 • committed by GitHub
parent 96a5710932
commit 5dc59b591d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 102 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

20
web/src/lib/components/elements/group-tab.svelte Normal file
View file

@ -0,0 +1,20 @@
<script lang="ts">
export let filters: string[];
export let selected: string;
export let onSelect: (selected: string) => void;
</script>
<div class=" flex bg-gray-100 dark:bg-gray-700 rounded-lg">
{#each filters as filter, index}
<button
class="flex py-2 px-4 {filter === selected
? 'dark:bg-gray-900 bg-gray-300'
: 'dark:hover:bg-gray-800 hover:bg-gray-200'} {index === 0 ? 'rounded-l-lg' : ''} {index === filters.length - 1
? 'rounded-r-lg'
: ''}"
on:click={() => onSelect(filter)}
>
{filter}
</button>
{/each}
</div>