Bhasher/focus
Bhasher
/
focus
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases 6 Activity

Smoth scroll on small screens

This commit is contained in:
Brieuc Dubois 2024-01-15 15:59:22 +01:00
parent 393dc37602
commit 5dc13634e4
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/lib/components/project/Column.svelte
View File

@ -130,6 +130,10 @@
.column { .column {
margin: 20px 10px; margin: 20px 10px;
width: 250px; width: 250px;
@media (max-width: 480px) {
scroll-snap-align: center;
}
} }
header { header {

3
frontend/src/lib/components/project/Project.svelte
View File

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