Skip to content

Commit 7ddab95

Browse files
uswebkuswebk
committed
[refactor] change back button in frontend
1 parent 35df854 commit 7ddab95

File tree

4 files changed

+96
-51
lines changed

4 files changed

+96
-51
lines changed

‎frontend/pages/login/index.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<v-container style="width: 550px" class="pa-4">
99
<v-row>
1010
<v-col>
11-
<p class="text-body-2">
12-
<nuxt-link to="/"> ← </nuxt-link>
13-
</p>
11+
<v-btn color="gray" to="/" nuxt x-small class="py-4 mb-2">
12+
<v-icon>mdi-chevron-left</v-icon>
13+
</v-btn>
1414
</v-col>
1515
</v-row>
1616
<v-card flat max-width="550" class="mx-auto" elevation="2" outlined>

‎frontend/pages/register/corporation.vue‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@
1414
<v-container style="width: 550px" class="pa-4">
1515
<v-row>
1616
<v-col>
17-
<p class="text-body-2">
18-
<nuxt-link to="/register"> ← </nuxt-link>
19-
</p>
17+
<v-btn color="gray" x-small class="py-4 mb-2" @click="back">
18+
<v-icon>mdi-chevron-left</v-icon>
19+
</v-btn>
2020
</v-col>
2121
</v-row>
2222
<v-card flat max-width="550" class="mx-auto pa-10" elevation="2" outlined>
@@ -68,6 +68,9 @@ export default {
6868
const response = await this.providerLogin('google')
6969
location.href = response.data
7070
},
71+
back() {
72+
this.$router.push({ path: '/register' })
73+
},
7174
close() {
7275
this.snackbar = false
7376
},

‎frontend/pages/register/index.vue‎

Lines changed: 81 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,88 @@
11
<template>
22
<v-app>
3-
<v-container class="pa-4" fill-height fluid>
4-
<v-row justify="center">
5-
<v-col align="center" cols="1"
6-
><p class="ma-0 text-h4">
7-
<nuxt-link to="/" style="text-decoration: none"
8-
><span class="blue-grey--text font-weight-black">Domsy.</span>
9-
</nuxt-link>
10-
</p></v-col
3+
<v-container style="padding: 0" fill-height fluid>
4+
<v-progress-linear
5+
v-show="pageLoading"
6+
indeterminate
7+
color="yellow darken-2"
8+
></v-progress-linear>
9+
<v-row style="height: 100%; padding: 0">
10+
<v-col
11+
cols="5"
12+
class="d-flex align-center"
13+
style="background-color: #e8c46a; position: relative"
1114
>
12-
<v-col cols="12">
13-
<v-layout justify-center align-center wrap bottom>
14-
<v-card
15-
class="px-2 ma-2"
16-
style="min-width: 200px"
17-
href="/register/individual"
15+
<v-img src="/images/domsy.jpg"></v-img>
16+
<v-fab-transition>
17+
<v-btn
18+
fab
19+
bottom
20+
right
21+
absolute
22+
style="bottom: 50px"
23+
elevation="1"
24+
href="https://github.com/uswebk/domsy"
25+
small
1826
>
19-
<v-card-text>
20-
<v-layout justify-center column align-center>
21-
<v-flex class="mt-5">
22-
<v-avatar size="60" color="indigo">
23-
<v-icon dark>mdi-account-box</v-icon>
24-
</v-avatar>
25-
</v-flex>
26-
<p class="subheading mt-2 text-xs-center">Individual →</p>
27-
</v-layout>
28-
</v-card-text>
29-
</v-card>
30-
<v-card
31-
class="px-2 ma-2"
32-
style="min-width: 200px"
33-
href="/register/corporation"
34-
>
35-
<v-card-text>
36-
<v-layout justify-center column align-center>
37-
<v-flex class="mt-5">
38-
<v-avatar size="60" color="teal">
39-
<v-icon dark>mdi-domain</v-icon>
40-
</v-avatar>
41-
</v-flex>
42-
<p class="subheading mt-2 text-xs-center">Corporation →</p>
43-
</v-layout>
44-
</v-card-text>
45-
</v-card>
46-
</v-layout>
27+
<v-icon>mdi-github</v-icon>
28+
</v-btn>
29+
</v-fab-transition>
30+
</v-col>
31+
<v-col cols="7" justify="center" align-self="center">
32+
<v-row>
33+
<v-col align="center" cols="12"
34+
><p class="ma-0 text-h4">
35+
<nuxt-link to="/" style="text-decoration: none"
36+
><span class="blue-grey--text font-weight-black">
37+
Select Registration Method</span
38+
>
39+
</nuxt-link>
40+
</p>
41+
</v-col>
42+
<v-col cols="12">
43+
<v-layout justify-center align-center wrap bottom>
44+
<v-card
45+
class="px-2 ma-2"
46+
style="min-width: 200px"
47+
href="/register/individual"
48+
>
49+
<v-card-text>
50+
<v-layout justify-center column align-center>
51+
<v-flex class="mt-5">
52+
<v-avatar size="60" color="indigo">
53+
<v-icon dark>mdi-account-box</v-icon>
54+
</v-avatar>
55+
</v-flex>
56+
<p class="subheading mt-2 text-xs-center">Individual →</p>
57+
</v-layout>
58+
</v-card-text>
59+
</v-card>
60+
<v-card
61+
class="px-2 ma-2"
62+
style="min-width: 200px"
63+
href="/register/corporation"
64+
>
65+
<v-card-text>
66+
<v-layout justify-center column align-center>
67+
<v-flex class="mt-5">
68+
<v-avatar size="60" color="teal">
69+
<v-icon dark>mdi-domain</v-icon>
70+
</v-avatar>
71+
</v-flex>
72+
<p class="subheading mt-2 text-xs-center">
73+
Corporation →
74+
</p>
75+
</v-layout>
76+
</v-card-text>
77+
</v-card>
78+
</v-layout>
79+
</v-col>
80+
<v-col align="center" cols="12">
81+
<v-btn color="gray" to="/" nuxt x-small class="py-4 mb-2">
82+
<v-icon>mdi-chevron-left</v-icon>
83+
</v-btn>
84+
</v-col>
85+
</v-row>
4786
</v-col>
4887
</v-row>
4988
</v-container>

‎frontend/pages/register/individual.vue‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,9 @@
1414
<v-container style="width: 550px" class="pa-4">
1515
<v-row>
1616
<v-col>
17-
<p class="text-body-2">
18-
<nuxt-link to="/register"> ← </nuxt-link>
19-
</p>
17+
<v-btn color="gray" x-small class="py-4 mb-2" @click="back">
18+
<v-icon>mdi-chevron-left</v-icon>
19+
</v-btn>
2020
</v-col>
2121
</v-row>
2222
<v-card flat max-width="550" class="mx-auto pa-10" elevation="2" outlined>
@@ -68,6 +68,9 @@ export default {
6868
const response = await this.providerLogin('google')
6969
location.href = response.data
7070
},
71+
back() {
72+
this.$router.push({ path: '/register' })
73+
},
7174
close() {
7275
this.snackbar = false
7376
},

0 commit comments

Comments
 (0)