update user template
This commit is contained in:
parent
656981a21d
commit
15cf5a13c8
1 changed files with 19 additions and 14 deletions
|
@ -10,13 +10,17 @@
|
|||
<div class="main user">
|
||||
<div class="contents">
|
||||
<div class="info">
|
||||
<p class="title"><span><%= it.user.full_name || it.user.username %></span> <span class="username">@<%= it.user.username %></span></p>
|
||||
<p class="description"><%= description %></p>
|
||||
<p class="title">
|
||||
<span class="word name"><%= it.user.full_name || it.user.username %></span>
|
||||
<span class="word username">@<%= it.user.username %>aaaaaaaaaa</span>
|
||||
</p>
|
||||
<p class="description"><%= description %>
|
||||
</p>
|
||||
</div>
|
||||
<div class="graphics">
|
||||
<% if (it.user.avatar_url) { %>
|
||||
<img width="120" height="120" src="<%= it.user.avatar_url %>"></img>
|
||||
<% } %>
|
||||
<% if (it.user.avatar_url) { %>
|
||||
<img width="120" height="120" src="<%= it.user.avatar_url %>"></img>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-line">
|
||||
|
@ -42,20 +46,21 @@
|
|||
.user .title {
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
}
|
||||
.user .title span:not(.username) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
font-size: 3rem;
|
||||
font-weight: 600;
|
||||
color: #aeb3d0;
|
||||
align-items: center;
|
||||
}
|
||||
.user .title .name {
|
||||
font-size: 4rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.user .title .username {
|
||||
font-size: 1.75rem;
|
||||
gap: 0.5rem;
|
||||
font-size: 3.5rem;
|
||||
font-weight: 400;
|
||||
color: #6d728f;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.fact {
|
||||
display: flex;
|
||||
|
|
Loading…
Reference in a new issue