Smoth scroll on small screens

2024-01-15 15:59:22 +01:00 · 2024-01-15 15:59:22 +01:00 · 5dc13634e4
parent 393dc37602
commit 5dc13634e4
2 changed files with 6 additions and 1 deletions
--- a/frontend/src/lib/components/project/Column.svelte
+++ b/frontend/src/lib/components/project/Column.svelte
@ -130,6 +130,10 @@
 	.column {
 		margin: 20px 10px;
 		width: 250px;
+
+		@media (max-width: 480px) {
+			scroll-snap-align: center;
+		}
 	}

 	header {
--- a/frontend/src/lib/components/project/Project.svelte
+++ b/frontend/src/lib/components/project/Project.svelte
@ -106,7 +106,7 @@
 	</section>
 {/if}

-<style>
+<style lang="less">
 	section {
 		display: flex;
 		flex-direction: column;
@ -125,5 +125,6 @@
 		flex: 1;
 		overflow: scroll;
 		padding: 0 40px;
+		scroll-snap-type: x mandatory;
 	}
 </style>