Show avatar instead of cog

This commit is contained in:
Roman Cervantes 2019-12-02 11:34:28 -07:00
parent 4dd2b98dff
commit 2acc7939b0
2 changed files with 13 additions and 4 deletions

View file

@ -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",

View file

@ -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>