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

refactor(web): add tailwind plugin for repeating grid cols (#11748)

Browse source
This commit is contained in:
Michel Heusschen 2024-08-13 17:36:46 +02:00 • committed by GitHub
parent 276101ee82
commit b014162088
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 26 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/shared-components/search-bar/search-camera-section.svelte
View file

@ -52,7 +52,7 @@
<div id="camera-selection">
<p class="immich-form-label">{$t('camera').toUpperCase()}</p>
<div class="grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-5 mt-1">
<div class="grid grid-auto-fit-40 gap-5 mt-1">
<div class="w-full">
<Combobox
label={$t('make')}

2
web/src/lib/components/shared-components/search-bar/search-date-section.svelte
View file

@ -12,7 +12,7 @@
export let filters: SearchDateFilter;
</script>
<div id="date-range-selection" class="grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-5">
<div id="date-range-selection" class="grid grid-auto-fit-40 gap-5">
<label class="immich-form-label" for="start-date">
<span>{$t('start_date').toUpperCase()}</span>
<DateInput

2
web/src/lib/components/shared-components/search-bar/search-location-section.svelte
View file

@ -69,7 +69,7 @@
<div id="location-selection">
<p class="immich-form-label">{$t('place').toUpperCase()}</p>
<div class="grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-5 mt-1">
<div class="grid grid-auto-fit-40 gap-5 mt-1">
<div class="w-full">
<Combobox
label={$t('country')}

2
web/src/lib/components/shared-components/search-bar/search-people-section.svelte
View file

@ -61,7 +61,7 @@
</div>
<SingleGridRow
class="grid grid-cols-[repeat(auto-fill,minmax(5rem,1fr))] -mx-1 gap-1 mt-2 overflow-y-auto immich-scrollbar"
class="grid grid-auto-fill-20 -mx-1 gap-1 mt-2 overflow-y-auto immich-scrollbar"
bind:itemCount={numberOfPeople}
>
{#each peopleList as person (person.id)}