mirror of
https://gitea.phreedom.club/localhost_frssoft/bloat.git
synced 2024-11-22 12:49:21 +02:00
Fix css
- Fix sizing for inline status imaged - Use flexbox for userinfo
This commit is contained in:
parent
1aff0569bf
commit
ecf284453a
|
@ -21,6 +21,15 @@
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.status-content img,
|
||||||
|
.status-image,
|
||||||
|
.status-video {
|
||||||
|
max-height: 180px;
|
||||||
|
max-width: 220px;
|
||||||
|
width: auto;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
.status-media-container {
|
.status-media-container {
|
||||||
margin: 4px 0;
|
margin: 4px 0;
|
||||||
}
|
}
|
||||||
|
@ -56,6 +65,7 @@
|
||||||
height: 20px;
|
height: 20px;
|
||||||
margin-bottom: -4px;
|
margin-bottom: -4px;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
vertical-align: unset !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-emoji {
|
.name-emoji {
|
||||||
|
@ -100,14 +110,6 @@
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-image,
|
|
||||||
.status-video {
|
|
||||||
max-height: 180px;
|
|
||||||
max-width: 220px;
|
|
||||||
width: auto;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
font-size: 23pt;
|
font-size: 23pt;
|
||||||
}
|
}
|
||||||
|
@ -279,6 +281,7 @@
|
||||||
.img-link {
|
.img-link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
margin: 2.5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-profile-img-container .img-link {
|
.status-profile-img-container .img-link {
|
||||||
|
@ -346,11 +349,8 @@
|
||||||
|
|
||||||
.user-info {
|
.user-info {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
display: flex;
|
||||||
|
align-items: top;
|
||||||
.user-info-img-container {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info-img {
|
.user-info-img {
|
||||||
|
@ -361,8 +361,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info-details-container {
|
.user-info-details-container {
|
||||||
display: inline-block;
|
margin-left: 8px;
|
||||||
vertical-align: middle;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info-details-container>div {
|
.user-info-details-container>div {
|
||||||
|
|
Loading…
Reference in New Issue