| @@ -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; | ||||