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 {
margin: 20px 10px;
width: 250px;
@media (max-width: 480px) {
scroll-snap-align: center;
}
}
header {

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

@ -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>