diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 5d303c0c4..814ab055c 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -23,6 +23,10 @@ color: #cd3a3a; } +.p-text-secondary { + color: #888888; +} + .pi { font-size: 1rem; } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 22903beaa..a1fb95745 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -23,6 +23,10 @@ color: #cd3a3a; } +.p-text-secondary { + color: #888888; +} + .pi { font-size: 1rem; } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 559e9f69a..93b21f491 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -23,6 +23,10 @@ color: #cd3a3a; } +.p-text-secondary { + color: #888888; +} + .pi { font-size: 1rem; } diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index 8b4411ebc..7cd2c4bc3 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -23,6 +23,10 @@ color: #a80000; } +.p-text-secondary { + color: #848484; +} + .pi { font-size: 1rem; } diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index 26c9ca7ba..2c9514bc1 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -23,6 +23,10 @@ color: #a80000; } +.p-text-secondary { + color: #848484; +} + .pi { font-size: 1rem; } diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index 28673d7f0..9a0f0cf14 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -23,6 +23,10 @@ color: #a80000; } +.p-text-secondary { + color: #848484; +} + .pi { font-size: 1rem; } diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index fe81c34a1..d35090052 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -23,6 +23,10 @@ color: #a80000; } +.p-text-secondary { + color: #848484; +} + .pi { font-size: 1rem; } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index d6f6f8482..1a326a93d 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -23,6 +23,10 @@ color: e7a3a3; } +.p-text-secondary { + color: #a6a6a6; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 87c4991a2..9df2aec9e 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css index 0ace2920a..df9cea4ba 100644 --- a/public/themes/saga-cyan/theme.css +++ b/public/themes/saga-cyan/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css index 7fb16c26b..eac374dc9 100644 --- a/public/themes/saga-deeppurple/theme.css +++ b/public/themes/saga-deeppurple/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 1eca4c438..133c63624 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css index 12d06b1d0..44c28ad1c 100644 --- a/public/themes/saga-indigo/theme.css +++ b/public/themes/saga-indigo/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 22f0db268..74315ace7 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 865e9808a..a594abe76 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css index a5db7d5e7..bdf54644c 100644 --- a/public/themes/saga-teal/theme.css +++ b/public/themes/saga-teal/theme.css @@ -23,6 +23,10 @@ color: #f44336; } +.p-text-secondary { + color: #6c757d; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 9476b7947..b81ebbf4f 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css index 076113136..6896cf51e 100644 --- a/public/themes/vela-cyan/theme.css +++ b/public/themes/vela-cyan/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css index 71fef54e3..dc9b14b02 100644 --- a/public/themes/vela-deeppurple/theme.css +++ b/public/themes/vela-deeppurple/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 8705b6dfc..1f27a5cde 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css index d187b34a9..1421b8cd2 100644 --- a/public/themes/vela-indigo/theme.css +++ b/public/themes/vela-indigo/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 30ff3c6c6..af484393a 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 419605812..eb9645531 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css index e08ae1985..676d552a4 100644 --- a/public/themes/vela-teal/theme.css +++ b/public/themes/vela-teal/theme.css @@ -23,6 +23,10 @@ color: #e57373; } +.p-text-secondary { + color: #AEB6BF; +} + .pi { font-size: 1rem; } diff --git a/src/views/steps/ConfirmationDemo.vue b/src/views/steps/ConfirmationDemo.vue index 8e0a256f4..7899feac3 100755 --- a/src/views/steps/ConfirmationDemo.vue +++ b/src/views/steps/ConfirmationDemo.vue @@ -44,7 +44,7 @@ diff --git a/src/views/steps/PaymentDemo.vue b/src/views/steps/PaymentDemo.vue index 8846299bf..59b1892f8 100755 --- a/src/views/steps/PaymentDemo.vue +++ b/src/views/steps/PaymentDemo.vue @@ -5,6 +5,7 @@ Payment Information diff --git a/src/views/steps/PersonalDemo.vue b/src/views/steps/PersonalDemo.vue index e8aa236d4..a512e6b76 100755 --- a/src/views/steps/PersonalDemo.vue +++ b/src/views/steps/PersonalDemo.vue @@ -5,6 +5,7 @@ Personal Information diff --git a/src/views/steps/SeatDemo.vue b/src/views/steps/SeatDemo.vue index df108cd9a..7c35001c4 100755 --- a/src/views/steps/SeatDemo.vue +++ b/src/views/steps/SeatDemo.vue @@ -5,6 +5,7 @@ Seat Information diff --git a/src/views/steps/StepsDoc.vue b/src/views/steps/StepsDoc.vue index 0566b3d6c..07e4f2fed 100755 --- a/src/views/steps/StepsDoc.vue +++ b/src/views/steps/StepsDoc.vue @@ -186,6 +186,7 @@ export default { Personal Information </template> <template slot="content"> + <p class="p-text-secondary">Enter your information</p> <div class="p-fluid"> <div class="p-field"> <label for="firstname">Firstname</label> @@ -206,7 +207,7 @@ export default { </template> <template slot="footer"> <div class="p-grid p-nogutter p-justify-between"> - <Button label="Back" :disabled="true" class="disabled-button" icon="pi pi-angle-left" /> + <i></i> <Button label="Next" @click="nextPage(!$v.$invalid)" icon="pi pi-angle-right" iconPos="right" /> </div> </template> @@ -261,6 +262,7 @@ export default { Seat Information </template> <template slot="content"> + <p class="p-text-secondary">Choose your seat</p> <div class="p-fluid p-formgrid p-grid"> <div class="p-field p-col-12 p-md-6"> <label for="class">Class</label> @@ -278,7 +280,7 @@ export default { </template> <template slot="footer"> <div class="p-grid p-nogutter p-justify-between"> - <Button label="Back" :disabled="true" class="disabled-button" icon="pi pi-angle-left" /> + <Button label="Back" @click="prevPage()" icon="pi pi-angle-left" /> <Button label="Next" @click="nextPage()" icon="pi pi-angle-right" iconPos="right" /> </div> </template> @@ -340,6 +342,7 @@ export default { Payment Information </template> <template slot="content"> + <p class="p-text-secondary">Enter your card details</p> <div class="p-fluid p-formgrid p-grid"> <div class="p-field p-col-12"> <label for="class">Class</label> @@ -365,7 +368,7 @@ export default { </template> <template slot="footer"> <div class="p-grid p-nogutter p-justify-between"> - <Button label="Back" :disabled="true" class="disabled-button" icon="pi pi-angle-left" /> + <Button label="Back" @click="prevPage()" icon="pi pi-angle-left" /> <Button label="Next" @click="nextPage()" icon="pi pi-angle-right" iconPos="right" /> </div> </template> @@ -444,7 +447,7 @@ export default { </template> <template slot="footer"> <div class="p-grid p-nogutter p-justify-between"> - <Button label="Back" class="disabled-button" @click="prevPage()" icon="pi pi-angle-left" /> + <Button label="Back" @click="prevPage()" icon="pi pi-angle-left" /> <Button label="Complete" @click="complete()" icon="pi pi-check" iconPos="right" class="p-button-success"/> </div> </template>