From 635ee1e9f7cc77a4e1c55b44363c7740dbbeb41e Mon Sep 17 00:00:00 2001
From: relaxed <>
Date: Wed, 30 Jul 2025 20:47:48 +0500
Subject: [PATCH] add snap for horizontal view

---
 src/App.svelte            | 2 +-
 src/lib/Horizontal.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 2b10dc2..97cdde3 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -517,7 +517,7 @@
 				class="flex
 				{ui_sytle === 'vertical'
 					? 'flex-col space-y-2 justify-center'
-					: 'overflow-x-auto overflow-y-hidden'}
+					: 'overflow-x-auto overflow-y-hidden snap-x snap-mandatory'}
 				text-[16px]"
 			>
 				{#if rasp_data.length === 0 && data.saved.length === 0}
diff --git a/src/lib/Horizontal.svelte b/src/lib/Horizontal.svelte
index 6fd2560..bfe4e5a 100644
--- a/src/lib/Horizontal.svelte
+++ b/src/lib/Horizontal.svelte
@@ -7,7 +7,7 @@
 </script>
 
 {#each rasp_data as day, i}
-	<div id={`${i}`} class="p-2 min-w-[300px]">
+	<div id={`${i}`} class="p-2 min-w-[300px] snap-center">
 		<div
 			class="flex p-2 mb-2
 								border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]