mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-06-21 17:26:18 +00:00
Moved image info around
This commit is contained in:
parent
b261368a9b
commit
4aab53a7d5
3 changed files with 85 additions and 34 deletions
|
@ -214,6 +214,35 @@
|
|||
.image-detail {
|
||||
@include defaultDecoration($green);
|
||||
@include defaultFont();
|
||||
|
||||
&>div {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
&>div {
|
||||
width: 50%;
|
||||
|
||||
* {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 669px) {
|
||||
.image-detail {
|
||||
&>div {
|
||||
flex-direction: column;
|
||||
&>div {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// TAGS
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue