From 8a45c258c58060474bfc1dcc29c3e94da5dbe997 Mon Sep 17 00:00:00 2001
From: faupau <paul.paffe@gmx.de>
Date: Tue, 18 Apr 2023 17:35:28 +0200
Subject: [PATCH] feat(web): smaller thumbnail in explore so at least 2 photos
 are in a row (#2277)

* image view in explore tab more responsive

* center photo

---------

Co-authored-by: faupau03 <paul.paffe@gmx.net>
---
 web/src/routes/(user)/explore/+page.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/(user)/explore/+page.svelte b/web/src/routes/(user)/explore/+page.svelte
index fe8c13c79..fffa145f8 100644
--- a/web/src/routes/(user)/explore/+page.svelte
+++ b/web/src/routes/(user)/explore/+page.svelte
@@ -48,7 +48,9 @@
 				<div class="flex flex-row flex-wrap gap-4">
 					{#each places as item}
 						<a class="relative" href="/search?{Field.CITY}={item.value}" draggable="false">
-							<div class="filter brightness-75 rounded-xl overflow-hidden">
+							<div
+								class="filter brightness-75 rounded-xl overflow-hidden w-[calc((100vw-(72px+5rem))/2)] max-w-[156px] flex justify-center"
+							>
 								<Thumbnail thumbnailSize={156} asset={item.data} readonly />
 							</div>
 							<span
@@ -70,7 +72,9 @@
 				<div class="flex flex-row flex-wrap gap-4">
 					{#each things as item}
 						<a class="relative" href="/search?{Field.OBJECTS}={item.value}" draggable="false">
-							<div class="filter brightness-75 rounded-xl overflow-hidden">
+							<div
+								class="filter brightness-75 rounded-xl overflow-hidden w-[calc((100vw-(72px+5rem))/2)] max-w-[156px] justify-center flex"
+							>
 								<Thumbnail thumbnailSize={156} asset={item.data} readonly />
 							</div>
 							<span