flisk/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Change profile fields design to horizontal

Browse source
This commit is contained in:
kPherox 2019-11-18 02:16:37 +09:00
parent 2bc549a66a
commit 004827a7f1
No known key found for this signature in database
GPG key ID: C04751C2BFA2F62D
1 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/user_profile/user_profile.vue
View file

@ -159,15 +159,31 @@
max-height: 400px; max-height: 400px;
&.emoji { &.emoji {
width: 32px; width: 18px;
height: 32px; height: 18px;
} }
} }
dl { dl {
display: flex;
margin: 1em 1.5em; margin: 1em 1.5em;
dt {
flex: 0 0 auto;
font-weight: 500;
color: var(--lightText);
width: 30%;
min-width: 120px;
}
dd {
flex: 1 1 auto;
color: var(--text);
margin-left: 10px;
}
dt, dd { dt, dd {
line-height: 18px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;