Skip to content

Commit 71771a2

Browse files
had fun making logo LOL
1 parent c0cac4f commit 71771a2

File tree

11 files changed

+66
-30
lines changed

11 files changed

+66
-30
lines changed

public/cover.png

336 KB
Loading

public/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7-
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8-
<title>Tango</title>
7+
<link rel='icon' href="<%= BASE_URL %>profile.ico">
8+
<title>tango</title>
99
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
1010
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
1111
</head>
1212
<body>
1313
<noscript>
14-
<strong>We're sorry but Tango doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
14+
<strong>We're sorry but tango doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
1515
</noscript>
1616
<div id="app"></div>
1717
<!-- built files will be auto injected -->

public/profile.ico

115 KB
Binary file not shown.

src/assets/cover.png

336 KB
Loading

src/assets/default-tango.svg

Lines changed: 1 addition & 0 deletions
Loading

src/layouts/LayoutDefault.vue

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,17 @@
66
dark
77
hide-on-scroll
88
>
9-
<router-link
9+
<v-btn
10+
text
11+
link
12+
color="primary"
1013
:to="{ name: 'Home' }"
11-
class="d-flex align-center white--text"
1214
>
13-
Tango
14-
</router-link>
15+
<v-img
16+
:src="require('@/assets/default-tango.svg')"
17+
max-width="100"
18+
></v-img>
19+
</v-btn>
1520

1621
<v-spacer></v-spacer>
1722

@@ -64,7 +69,7 @@
6469
<script lang="ts">
6570
import { User } from '@/interfaces/user'
6671
import { Vue, Component } from 'vue-property-decorator'
67-
import { mapGetters, mapMutations, mapState } from 'vuex'
72+
import { mapGetters } from 'vuex'
6873
import KLAvatar from '@/components/KLAvatar.vue'
6974
7075
@Component({

src/views/auth/BaseAuth.vue

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<template>
2+
<v-container class="container-xs">
3+
<v-img
4+
:src="require('@/assets/cover.png')"
5+
width="50%"
6+
class="mx-auto"
7+
></v-img>
8+
<v-divider></v-divider>
9+
<slot></slot>
10+
</v-container>
11+
</template>
12+
13+
<script lang="ts">
14+
import { Vue, Component } from 'vue-property-decorator'
15+
16+
@Component
17+
export default class BaseAuth extends Vue {
18+
19+
}
20+
</script>
21+
22+
<style scoped lang="scss">
23+
24+
</style>

src/views/auth/Login.vue

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
<template>
2-
<v-container class="container-xs">
3-
<h1>Welcome to Tango</h1>
4-
<v-divider></v-divider>
5-
2+
<BaseAuth>
63
<v-card class="mt-5">
74
<v-card-title>
85
Login
@@ -62,7 +59,7 @@
6259
</v-btn>
6360
</v-card-actions>
6461
</v-card>
65-
</v-container>
62+
</BaseAuth>
6663
</template>
6764

6865
<script lang="ts">
@@ -71,12 +68,16 @@ import { LoginReq } from '@/interfaces/api/account'
7168
import { snakeCaseToCamelCase, unexpectedExc } from '@/utils'
7269
import { assertErrCode, status } from '@/utils/status-codes'
7370
import { mapState } from 'vuex'
71+
import BaseAuth from './BaseAuth.vue'
7472
7573
@Component({
7674
computed: {
7775
...mapState('account', [
7876
'isTeacher'
7977
])
78+
},
79+
components: {
80+
BaseAuth
8081
}
8182
})
8283
export default class Login extends Vue {

src/views/auth/NewPassword.vue

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
<template>
2-
<v-container class="container-xs">
3-
<h1>Reset password on Tango</h1>
4-
<v-divider></v-divider>
5-
2+
<BaseAuth>
63
<v-card class="mt-5">
74
<v-card-title>
85
Choose your new password
@@ -37,7 +34,7 @@
3734
</v-btn>
3835
</v-card-actions>
3936
</v-card>
40-
</v-container>
37+
</BaseAuth>
4138
</template>
4239

4340
<script lang="ts">
@@ -46,12 +43,16 @@ import { snakeCaseToCamelCase } from '@/utils'
4643
import { assertErrCode, status } from '@/utils/status-codes'
4744
import { Vue, Component } from 'vue-property-decorator'
4845
import { mapMutations } from 'vuex'
46+
import BaseAuth from './BaseAuth.vue'
4947
5048
@Component({
5149
methods: {
5250
...mapMutations('message', {
5351
showMessage: 'SHOW_MESSAGE'
5452
})
53+
},
54+
components: {
55+
BaseAuth
5556
}
5657
})
5758
export default class NewPassword extends Vue {

src/views/auth/Register.vue

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
<template>
2-
<v-container class="container-xs">
3-
<h1>Welcome to Tango</h1>
4-
<v-divider></v-divider>
5-
2+
<BaseAuth>
63
<v-card class="mt-5">
74
<v-card-title>
85
Register teacher account
@@ -48,15 +45,20 @@
4845
</v-btn>
4946
</v-card-actions>
5047
</v-card>
51-
</v-container>
48+
</BaseAuth>
5249
</template>
5350

5451
<script lang="ts">
5552
import { unexpectedExc } from '@/utils'
5653
import { assertErrCode, status } from '@/utils/status-codes'
5754
import { Vue, Component, Emit } from 'vue-property-decorator'
55+
import BaseAuth from './BaseAuth.vue'
5856
59-
@Component
57+
@Component({
58+
components: {
59+
BaseAuth
60+
}
61+
})
6062
export default class Register extends Vue {
6163
// eslint-disable-next-line no-undef
6264
[key: string]: unknown

0 commit comments

Comments
 (0)