public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-28 20:09:53 +09:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

chore(web): style tab button group and search bar (#8292)

Browse Source 
* chore(web): style tab button group and search bar

* responsive design
This commit is contained in:
Alex
2024-03-26 10:36:15 -05:00
committed by GitHub
parent 6295edcdb7
commit 3a94be0212
4 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/lib/components/elements/group-tab.svelte
View File

@@ -4,13 +4,14 @@
export let onSelect: (selected: string) => void;
</script>
<div class=" flex bg-gray-100 dark:bg-gray-700 rounded-lg">
<div class="flex bg-gray-200 dark:bg-immich-dark-gray rounded-2xl h-full">
{#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'
class="text-sm px-4 {filter === selected
? 'dark:bg-gray-700 bg-gray-300'
: 'dark:hover:bg-gray-800 hover:bg-gray-300'} {index === 0 ? 'rounded-l-2xl' : ''} {index ===
filters.length - 1
? 'rounded-r-2xl'
: ''}"
on:click={() => onSelect(filter)}
>