mirror of
https://github.com/romancm/gamebrary
synced 2024-11-27 13:40:48 +00:00
Show avatar instead of cog
This commit is contained in:
parent
4dd2b98dff
commit
2acc7939b0
2 changed files with 13 additions and 4 deletions
|
@ -34,7 +34,7 @@
|
|||
"vue-axios": "^2.1.1",
|
||||
"vue-gallery": "^1.5.0",
|
||||
"vue-github-button": "^1.0.5",
|
||||
"vue-gravatar": "^1.2.1",
|
||||
"vue-gravatar": "^1.3.1",
|
||||
"vue-i18n": "^8.0.0",
|
||||
"vue-markdown": "^2.2.4",
|
||||
"vue-raven": "^1.0.0",
|
||||
|
|
|
@ -4,9 +4,7 @@
|
|||
action-text="Save"
|
||||
@action="save"
|
||||
>
|
||||
<button class="small primary">
|
||||
<i class="fas fa-cog" />
|
||||
</button>
|
||||
<gravatar :email="user.email" class="avatar" />
|
||||
|
||||
<div
|
||||
slot="content"
|
||||
|
@ -50,6 +48,7 @@
|
|||
import { mapState } from 'vuex';
|
||||
import 'firebase/firestore';
|
||||
import 'firebase/auth';
|
||||
import Gravatar from 'vue-gravatar';
|
||||
import GameBoardSettings from '@/components/Settings/GameBoardSettings';
|
||||
import SettingsGlobal from '@/components/Settings/SettingsGlobal';
|
||||
import AboutSettings from '@/components/Settings/AboutSettings';
|
||||
|
@ -67,6 +66,7 @@ export default {
|
|||
SettingsGlobal,
|
||||
AboutSettings,
|
||||
TagsSettings,
|
||||
Gravatar,
|
||||
},
|
||||
|
||||
data() {
|
||||
|
@ -174,8 +174,17 @@ export default {
|
|||
<style lang="scss" rel="stylesheet/scss" scoped>
|
||||
@import "~styles/styles";
|
||||
|
||||
$avatarSize: 30px;
|
||||
|
||||
.settings {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: $avatarSize;
|
||||
height: $avatarSize;
|
||||
border-radius: $avatarSize;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue