Carousel demo responsive option updates

pull/4556/head
Tuğçe Küçükoğlu 2023-09-26 15:28:22 +03:00
parent f534e4a1ad
commit f2dc9a309d
6 changed files with 48 additions and 48 deletions

View File

@ -36,13 +36,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -104,13 +104,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -178,13 +178,13 @@ const products = ref();
const responsiveOptions = ref([ const responsiveOptions = ref([
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',

View File

@ -37,13 +37,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -107,13 +107,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -182,13 +182,13 @@ const products = ref();
const responsiveOptions = ref([ const responsiveOptions = ref([
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',

View File

@ -37,13 +37,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -107,13 +107,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -182,13 +182,13 @@ const products = ref();
const responsiveOptions = ref([ const responsiveOptions = ref([
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',

View File

@ -40,13 +40,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -110,13 +110,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -185,13 +185,13 @@ const products = ref();
const responsiveOptions = ref([ const responsiveOptions = ref([
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',

View File

@ -41,13 +41,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -125,13 +125,13 @@ export default {
responsiveOptions: [ responsiveOptions: [
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',
@ -207,13 +207,13 @@ const products = ref();
const responsiveOptions = ref([ const responsiveOptions = ref([
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',

View File

@ -105,13 +105,13 @@ const products = ref();
const responsiveOptions = ref([ const responsiveOptions = ref([
{ {
breakpoint: '1199px', breakpoint: '1199px',
numVisible: 3, numVisible: 1,
numScroll: 3 numScroll: 1
}, },
{ {
breakpoint: '991px', breakpoint: '991px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 1
}, },
{ {
breakpoint: '767px', breakpoint: '767px',