Add photo rail support
This commit is contained in:
parent
080d4774cf
commit
141bfdc508
8 changed files with 103 additions and 5 deletions
|
@ -477,9 +477,13 @@ video {
|
|||
|
||||
.profile-bio {
|
||||
overflow: hidden;
|
||||
margin-right: -6px;
|
||||
overflow-wrap: break-word;
|
||||
width: 100%;
|
||||
margin: 10px -6px 0px 0px;
|
||||
}
|
||||
|
||||
.profile-bio p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.profile-description {
|
||||
|
@ -490,6 +494,47 @@ video {
|
|||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.photo-rail-card {
|
||||
float: left;
|
||||
background: #161616;
|
||||
border-radius: 0 0 4px 4px;
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.photo-rail-heading {
|
||||
padding: 5px 12px 0px 12px;
|
||||
}
|
||||
|
||||
.photo-rail-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-gap: 3px 3px;
|
||||
padding: 5px 12px 12px 12px;
|
||||
}
|
||||
|
||||
.photo-rail-grid a {
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.photo-rail-grid a:before {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-top: 100%;
|
||||
}
|
||||
|
||||
.photo-rail-grid img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.tab {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue