Commit 1337e42b authored by Tae Hoon's avatar Tae Hoon
Browse files

Add third slot area to BasicUserCard

parent 784523b8
...@@ -7,19 +7,24 @@ ...@@ -7,19 +7,24 @@
<user-card-content :user="user" :switcher="false"></user-card-content> <user-card-content :user="user" :switcher="false"></user-card-content>
</div> </div>
<div class="user-card-collapsed-content" v-else> <div class="user-card-collapsed-content" v-else>
<div class="user-card-primary-area"> <div class="user-card-primary-secondary-wrapper">
<div :title="user.name" class="user-name"> <div class="user-card-primary-area">
<span v-if="user.name_html" v-html="user.name_html"></span> <div :title="user.name" class="user-name">
<span v-else>{{ user.name }}</span> <span v-if="user.name_html" v-html="user.name_html"></span>
<span v-else>{{ user.name }}</span>
</div>
<div>
<router-link class='user-screen-name' :to="userProfileLink(user)">
@{{user.screen_name}}
</router-link>
</div>
</div> </div>
<div> <div class="user-card-secondary-area">
<router-link class='user-screen-name' :to="userProfileLink(user)"> <slot name="secondary-area"></slot>
@{{user.screen_name}}
</router-link>
</div> </div>
</div> </div>
<div class="user-card-secondary-area"> <div class="user-card-third-area">
<slot name="secondary-area"></slot> <slot name="third-area"></slot>
</div> </div>
</div> </div>
</div> </div>
...@@ -46,6 +51,9 @@ ...@@ -46,6 +51,9 @@
margin-left: 0.7em; margin-left: 0.7em;
text-align: left; text-align: left;
flex: 1; flex: 1;
}
&-primary-secondary-wrapper {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
...@@ -67,9 +75,13 @@ ...@@ -67,9 +75,13 @@
flex: none; flex: none;
} }
&-third-area {
margin-top: .2em;
}
&-expanded-content { &-expanded-content {
flex: 1; flex: 1;
margin: 0.2em 0 0 0.7em; margin-left: 0.7em;
border-radius: $fallback--panelRadius; border-radius: $fallback--panelRadius;
border-radius: var(--panelRadius, $fallback--panelRadius); border-radius: var(--panelRadius, $fallback--panelRadius);
border-style: solid; border-style: solid;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment