mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2026-10-26 09:39:34 +00:00
New: Limited the scroll snapping behaviour to only phones
This commit is contained in:
1 parent
da00ec6b39
commit
f891e7d486
1 file changed
+2
-2
@@ -972,8 +972,6 @@ select {
|
|||||||
padding: var(--padding);
|
padding: var(--padding);
|
||||||
transition: width 0.5s;
|
transition: width 0.5s;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
scroll-snap-align: center;
|
|
||||||
scroll-snap-stop: always;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* this makes the cards bigger and center aligned on older browsers */
|
/* this makes the cards bigger and center aligned on older browsers */
|
||||||
@@ -985,6 +983,8 @@ select {
|
|||||||
|
|
||||||
.layout-mobile .card {
|
.layout-mobile .card {
|
||||||
--padding: 1px;
|
--padding: 1px;
|
||||||
|
scroll-snap-align: center;
|
||||||
|
scroll-snap-stop: always;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* this makes the card sizes smaller when phone is in landscape mode */
|
/* this makes the card sizes smaller when phone is in landscape mode */
|
||||||
|
|||||||
Reference in new issue
Block a user