LaconicNetwork/laconic.com
6
0
Fork 0
mirror of https://github.com/LaconicNetwork/laconic.com.git synced 2026-01-16 14:04:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: improve slider

Browse Source
This commit is contained in:
Nazareno Oviedo 2022-04-05 20:31:59 -03:00
parent 49c4d6401e
commit a17b3e3c4c
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/sections/community/events/index.tsx
View File

@ -21,6 +21,7 @@ const Events = () => {
initial: 0,
loop: true,
mode: 'free-snap',
slides: { perView: 3.915, spacing: 24 },
slideChanged(slider) {
setCurrentSlide(slider.track.details.rel)
},
@ -31,14 +32,11 @@ const Events = () => {
setLoaded(true)
},
breakpoints: {
'(max-width: 1050px)': {
'(max-width: 1024px)': {
slides: { perView: 2.915, spacing: 20 }
},
'(max-width: 800px)': {
slides: { perView: 1.12, spacing: 12 }
},
'(min-width: 1050px)': {
slides: { perView: 2, spacing: 22 }
},
'(min-width: 1600px)': {
slides: { perView: 3.915, spacing: 24 }
}
}
})

12
src/components/sections/homepage/latest-news/index.tsx
View File

@ -19,18 +19,16 @@ const LatestNews = () => {
initial: 0,
loop: true,
mode: 'free-snap',
slides: { perView: 3.915, spacing: 24 },
created() {
setLoaded(true)
},
breakpoints: {
'(max-width: 1050px)': {
'(max-width: 1024px)': {
slides: { perView: 2.915, spacing: 20 }
},
'(max-width: 800px)': {
slides: { perView: 1.12, spacing: 12 }
},
'(min-width: 1050px)': {
slides: { perView: 2, spacing: 22 }
},
'(min-width: 1600px)': {
slides: { perView: 3.915, spacing: 24 }
}
}
})