mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-28 06:13:12 +00:00
Image preview on upload
This commit is contained in:
parent
37b1f94575
commit
3110858151
3 changed files with 31 additions and 0 deletions
|
@ -706,6 +706,14 @@ nav .btn {
|
|||
font-family: "Secular One", sans-serif;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
.upload-root > img {
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
max-height: 20rem;
|
||||
border-radius: -0.3rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/*
|
||||
|-------------------------------------------------------------
|
||||
|
|
|
@ -482,6 +482,18 @@
|
|||
.upload-root {
|
||||
@include defaultDecoration($page-accent);
|
||||
@include defaultFont();
|
||||
|
||||
& > img {
|
||||
margin: 0 auto;
|
||||
|
||||
max-width: 100%;
|
||||
max-height: 20rem;
|
||||
|
||||
border-radius: calc($rad - 0.7rem);
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue