Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-12 22:47:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

Updated profile card

Browse source
This commit is contained in:
gamebrary 2024-09-16 10:14:38 -07:00
parent 52d0302454
commit 9b28bdc7e6
1 changed files with 28 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/components/ProfileCard.vue
View file

@ -1,15 +1,23 @@
<template lang="html">
<b-link
class="d-inline-flex"
:to="{ name: 'public.profile', params: { userName: profile.userName } }"
>
<b-avatar
v-b-tooltip.hover
:title="`@${profile.userName}`"
:src="avatarImage"
size="80px"
/>
</b-link>
<b-card>
<div class="profile-card">
<b-avatar
v-b-tooltip.hover
:title="`@${profile.userName}`"
:src="avatarImage"
:to="{ name: 'public.profile', params: { userName: profile.userName } }"
size="80"
rounded
/>
<aside class="d-flex flex-column">
<router-link :to="{ name: 'public.profile', params: { userName: profile.userName } }">
<strong>@{{ profile.userName }}</strong>
</router-link>
<q v-if="profile.bio">{{ profile.bio }}</q>
</aside>
</div>
</b-card>
</template>
<script>
@ -39,3 +47,12 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.profile-card {
display: grid;
grid-gap: 1rem;
grid-template-columns: 80px auto;
}
</style>