fix:overflow of findlist

2025-11-17 11:53:09 +01:00
parent d4d23ed46d
commit d8cab06e90
2 changed files with 8 additions and 0 deletions
--- a/src/lib/components/FindCard.svelte
+++ b/src/lib/components/FindCard.svelte
@@ -286,12 +286,16 @@
 		display: flex;
 		align-items: center;
 		gap: 0.5rem;
+		flex-wrap: wrap;
+		min-width: 0;
 	}

 	:global(.action-button) {
 		gap: 0.375rem;
 		color: hsl(var(--muted-foreground));
 		font-size: 0.875rem;
+		flex-shrink: 1;
+		min-width: 0;
 	}

 	:global(.action-button:hover) {
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -319,6 +319,7 @@
 		display: flex;
 		flex-direction: column;
 		overflow: hidden;
+		box-sizing: border-box;
 	}

 	.finds-header {
@@ -347,8 +348,11 @@
 			left: 0;
 			right: 0;
 			width: 100%;
+			max-width: 100vw;
+			min-width: 0;
 			height: 50vh;
 			border-radius: 20px 20px 0 0;
+			box-sizing: border-box;
 		}

 		.finds-header {