From f2dc9a309d30d9c193255e2119a2286705b2c1ae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Tue, 26 Sep 2023 15:28:22 +0300 Subject: [PATCH] Carousel demo responsive option updates --- doc/carousel/BasicDoc.vue | 18 +++++++++--------- doc/carousel/CircularDoc.vue | 18 +++++++++--------- doc/carousel/NumScrollDoc.vue | 18 +++++++++--------- doc/carousel/ResponsiveDoc.vue | 18 +++++++++--------- doc/carousel/pt/PTDoc.vue | 18 +++++++++--------- doc/carousel/theming/TailwindDoc.vue | 6 +++--- 6 files changed, 48 insertions(+), 48 deletions(-) diff --git a/doc/carousel/BasicDoc.vue b/doc/carousel/BasicDoc.vue index de5c310df..7863246dc 100644 --- a/doc/carousel/BasicDoc.vue +++ b/doc/carousel/BasicDoc.vue @@ -36,13 +36,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -104,13 +104,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -178,13 +178,13 @@ const products = ref(); const responsiveOptions = ref([ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', diff --git a/doc/carousel/CircularDoc.vue b/doc/carousel/CircularDoc.vue index 8594ff9dd..03a994231 100644 --- a/doc/carousel/CircularDoc.vue +++ b/doc/carousel/CircularDoc.vue @@ -37,13 +37,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -107,13 +107,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -182,13 +182,13 @@ const products = ref(); const responsiveOptions = ref([ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', diff --git a/doc/carousel/NumScrollDoc.vue b/doc/carousel/NumScrollDoc.vue index 7ee516a6d..4a7dab3e9 100644 --- a/doc/carousel/NumScrollDoc.vue +++ b/doc/carousel/NumScrollDoc.vue @@ -37,13 +37,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -107,13 +107,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -182,13 +182,13 @@ const products = ref(); const responsiveOptions = ref([ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', diff --git a/doc/carousel/ResponsiveDoc.vue b/doc/carousel/ResponsiveDoc.vue index 0616e66c1..4eda87f70 100644 --- a/doc/carousel/ResponsiveDoc.vue +++ b/doc/carousel/ResponsiveDoc.vue @@ -40,13 +40,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -110,13 +110,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -185,13 +185,13 @@ const products = ref(); const responsiveOptions = ref([ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', diff --git a/doc/carousel/pt/PTDoc.vue b/doc/carousel/pt/PTDoc.vue index 32be965ab..6911b981a 100644 --- a/doc/carousel/pt/PTDoc.vue +++ b/doc/carousel/pt/PTDoc.vue @@ -41,13 +41,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -125,13 +125,13 @@ export default { responsiveOptions: [ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', @@ -207,13 +207,13 @@ const products = ref(); const responsiveOptions = ref([ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px', diff --git a/doc/carousel/theming/TailwindDoc.vue b/doc/carousel/theming/TailwindDoc.vue index 157615320..9c72769db 100644 --- a/doc/carousel/theming/TailwindDoc.vue +++ b/doc/carousel/theming/TailwindDoc.vue @@ -105,13 +105,13 @@ const products = ref(); const responsiveOptions = ref([ { breakpoint: '1199px', - numVisible: 3, - numScroll: 3 + numVisible: 1, + numScroll: 1 }, { breakpoint: '991px', numVisible: 2, - numScroll: 2 + numScroll: 1 }, { breakpoint: '767px',