mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-28 22:33:11 +00:00
Moved image info around
This commit is contained in:
parent
b261368a9b
commit
4aab53a7d5
3 changed files with 85 additions and 34 deletions
23
css/main.css
23
css/main.css
|
@ -377,7 +377,30 @@ nav .btn {
|
|||
.image-detail input {
|
||||
font-family: "Secular One", sans-serif;
|
||||
}
|
||||
.image-detail > div {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.image-detail > div > div {
|
||||
width: 50%;
|
||||
}
|
||||
.image-detail > div > div * {
|
||||
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;
|
||||
}
|
||||
.image-detail > div > div {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.tags-root {
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.5rem 0.5rem 0 0.5rem;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue