KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[profile][team] make the team member badge more prominent

This commit is contained in:
Andrea 2022-01-02 21:08:11 +01:00
parent ae92a43a04
commit aa6416bdab
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/Profile.vue
View File

@ -1,10 +1,22 @@
<template>
<div>
<div class="mb-3 d-flex justify-content-between flex-column flex-md-row">
<h2 class="text-nowrap mw-50">
<Avatar :user="user"/>
@{{user.username}}
</h2>
<div class="mw-50">
<div class="text-nowrap d-flex align-items-center">
<Avatar :user="user" class="me-3"/>
<div>
<h2>
@{{user.username}}
</h2>
<p v-if="profile.teamName || profile.footerName" class="mb-2">
<nuxt-link :to="`/${config.contact.team.route}`" class="badge bg-primary text-white">
<Icon v="collective-logo.svg" class="inverted"/>
<T>contact.team.member</T>
</nuxt-link>
</p>
</div>
</div>
</div>
<div class="flex-grow-1 text-lg-end">
<slot></slot>
</div>
@ -19,12 +31,6 @@
<Icon v="birthday-cake"/>
{{ profile.age }}
</p>
<p v-if="profile.teamName || profile.footerName" class="mb-2">
<nuxt-link :to="`/${config.contact.team.route}`" class="badge bg-primary text-white">
<Icon v="collective-logo.svg" class="inverted"/>
<T>contact.team.member</T>
</nuxt-link>
</p>
</div>
<div v-if="profile.flags.length || Object.keys(profile.customFlags).length" :class="['col-12', manyFlagsLayout ? '' : 'col-lg-6']">