|
@@ -24,16 +24,7 @@
|
|
|
<div v-else key="flow" class="flow-screen">
|
|
<div v-else key="flow" class="flow-screen">
|
|
|
|
|
|
|
|
<div class="flow-header">
|
|
<div class="flow-header">
|
|
|
- <q-btn
|
|
|
|
|
- v-if="steps === 3"
|
|
|
|
|
- flat
|
|
|
|
|
- dense
|
|
|
|
|
- color="primary"
|
|
|
|
|
- :label="$t('auth.register_later')"
|
|
|
|
|
- icon-right="mdi-chevron-right-circle-outline"
|
|
|
|
|
- class=""
|
|
|
|
|
- @click="steps = 4"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flow-logo">
|
|
<div class="flow-logo">
|
|
@@ -56,6 +47,19 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flow-footer">
|
|
<div class="flow-footer">
|
|
|
|
|
+
|
|
|
|
|
+ <q-btn
|
|
|
|
|
+ v-if="steps === 3"
|
|
|
|
|
+ flat
|
|
|
|
|
+ no-caps
|
|
|
|
|
+ color="primary"
|
|
|
|
|
+ :label="$t('auth.register_later')"
|
|
|
|
|
+ icon-right="mdi-chevron-right-circle-outline"
|
|
|
|
|
+ class="full-width register-later-btn q-mb-md"
|
|
|
|
|
+ align="right"
|
|
|
|
|
+ @click="steps = 4"
|
|
|
|
|
+ />
|
|
|
|
|
+
|
|
|
<q-btn
|
|
<q-btn
|
|
|
color="primary-button"
|
|
color="primary-button"
|
|
|
:label="$t('auth.continue')"
|
|
:label="$t('auth.continue')"
|
|
@@ -307,6 +311,8 @@ const onSubmit = async () => {
|
|
|
|
|
|
|
|
.flow-content {
|
|
.flow-content {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
|
|
+ overflow-y: auto;
|
|
|
|
|
+ min-height: 0;
|
|
|
|
|
|
|
|
&--centered {
|
|
&--centered {
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -316,6 +322,11 @@ const onSubmit = async () => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.flow-footer {
|
|
.flow-footer {
|
|
|
- padding: 20px 0 calc(12px + env(safe-area-inset-bottom));
|
|
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
|
+ padding: 8px 0 calc(12px + env(safe-area-inset-bottom));
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.register-later-btn {
|
|
|
|
|
+ justify-content: flex-end;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|