github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-16 03:05:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

User header update

Browse Source
This commit is contained in:
Ben Haynes
2021-04-12 11:12:01 -04:00
parent 052a6b443b
commit b86966edc4
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/src/modules/users/routes/item.vue
View File

@@ -112,12 +112,11 @@
<v-skeleton-loader type="text" />
</template>
<template v-else-if="isNew === false && item">
<div class="name type-title">
{{ userName(item) }}
<span v-if="item.title" class="title">, {{ item.title }}</span>
<div class="name type-label">
{{ userName(item) }}<span v-if="item.title" class="title">, {{ item.title }}</span>
</div>
<div class="email">{{ item.email }}</div>
<div class="location" v-if="item.location">{{ item.location }}</div>
<div class="email"><v-icon name="alternate_email" small outline /> {{ item.email }}</div>
<div class="location" v-if="item.location"><v-icon name="place" small outline /> {{ item.location }}</div>
<v-chip :class="item.status" small v-if="roleName">{{ roleName }}</v-chip>
</template>
</div>
@@ -526,10 +525,9 @@ export default defineComponent({
max-width: calc(var(--form-column-max-width) * 2 + var(--form-horizontal-gap));
height: 112px;
margin-bottom: var(--form-vertical-gap);
padding: 12px;
background-color: var(--background-subdued);
border: 2px solid var(--border-normal);
border-radius: var(--border-radius);
padding: 20px;
border-radius: calc(var(--border-radius) + 4px);
background-color: var(--background-normal);
.avatar {
--v-icon-color: var(--foreground-subdued);
@@ -543,8 +541,9 @@ export default defineComponent({
margin-right: 16px;
overflow: hidden;
background-color: var(--background-normal);
border: solid var(--border-width) var(--border-normal);
border-radius: var(--border-radius);
border: solid 6px var(--white);
border-radius: 100%;
box-shadow: var(--card-shadow);
.v-skeleton-loader {
width: 100%;
@@ -607,7 +606,7 @@ export default defineComponent({
}
@include breakpoint(small) {
height: 172px;
height: 188px;
.user-box-content .location {
display: block;