button icons
This commit is contained in:
parent
1bc80b6d89
commit
063893e3e8
4 changed files with 14 additions and 8 deletions
|
@ -1,12 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<v-btn flat :to="{ name: 'usercp' }"><v-icon>person</v-icon> {{ user.login }}</v-btn>
|
<v-btn flat :to="{ name: 'usercp' }">
|
||||||
|
<v-icon>person</v-icon> {{ user.login }}
|
||||||
|
</v-btn>
|
||||||
|
|
||||||
<v-dialog v-model="logging_out">
|
<v-dialog v-model="logging_out">
|
||||||
<template v-slot:activator="{ on }">
|
<template v-slot:activator="{ on }">
|
||||||
<v-btn flat v-on="on">
|
<v-btn flat v-on="on"> <v-icon>power_off</v-icon> Logout </v-btn>
|
||||||
Logout
|
|
||||||
</v-btn>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<v-card>
|
<v-card>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<v-dialog v-model="dialog">
|
<v-dialog v-model="dialog">
|
||||||
<template v-slot:activator="{ on }">
|
<template v-slot:activator="{ on }">
|
||||||
<v-btn flat v-on="on">
|
<v-btn flat v-on="on">
|
||||||
{{ buttonText }}
|
<v-icon>{{ icon }}</v-icon> {{ buttonText }}
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -60,7 +60,8 @@ export default {
|
||||||
}),
|
}),
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
buttonText: String
|
buttonText: String,
|
||||||
|
icon: String
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<FormDialog ref="main" buttonText="Login" @validated="doLogin">
|
<FormDialog ref="main" buttonText="Login" icon="power" @validated="doLogin">
|
||||||
<v-card-title class="headline">
|
<v-card-title class="headline">
|
||||||
Log In
|
Log In
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
|
@ -1,5 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<FormDialog ref="main" buttonText="Register" @validated="doRegister">
|
<FormDialog
|
||||||
|
ref="main"
|
||||||
|
buttonText="Register"
|
||||||
|
icon="book"
|
||||||
|
@validated="doRegister"
|
||||||
|
>
|
||||||
<v-card-title class="headline">
|
<v-card-title class="headline">
|
||||||
Register
|
Register
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
Reference in a new issue