@@ -818,9 +818,9 @@ export default { | |||||
.Box { | .Box { | ||||
width: 100%; | width: 100%; | ||||
overflow: hidden; | overflow: hidden; | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.5s; | |||||
transition: all 1s; | |||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||
transform: translateX(0); | transform: translateX(0); | ||||
@@ -42,9 +42,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.page { | .page { | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.3s; | |||||
transition: all 1s; | |||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||
transform: translateX(0); | transform: translateX(0); | ||||
@@ -324,9 +324,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.page { | .page { | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.5s; | |||||
transition: all 1s; | |||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||
transform: translateX(0); | transform: translateX(0); | ||||
@@ -174,9 +174,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.page { | .page { | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.3s; | |||||
transition: all 1s; | |||||
padding-bottom: 25px; | padding-bottom: 25px; | ||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||
@@ -136,9 +136,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.page { | .page { | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.3s; | |||||
transition: all 1s; | |||||
padding-bottom: 25px; | padding-bottom: 25px; | ||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||
@@ -347,9 +347,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.page { | .page { | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.3s; | |||||
transition: all 1s; | |||||
padding-bottom: 25px; | padding-bottom: 25px; | ||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||
@@ -199,9 +199,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.page { | .page { | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.3s; | |||||
transition: all 1s; | |||||
padding-bottom: 25px; | padding-bottom: 25px; | ||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||
@@ -239,9 +239,9 @@ export default { | |||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.page { | .page { | ||||
transform: translateX(100%); | |||||
transform: translateX(30%); | |||||
opacity: 0; | opacity: 0; | ||||
transition: all 0.3s; | |||||
transition: all 1s; | |||||
padding-bottom: 25px; | padding-bottom: 25px; | ||||
&.active { | &.active { | ||||
opacity: 1; | opacity: 1; | ||||