Add EXIF data displaying

Add info to setup and manifest(o)
Change background scroll effect
This commit is contained in:
Michał Gdula 2023-01-10 22:17:41 +00:00
parent 44a6712b6e
commit 8c25779882
10 changed files with 74 additions and 27 deletions

View file

@ -2,12 +2,13 @@
margin: 0;
padding: 0.25rem;
width: 3rem;
height: 3rem;
position: fixed;
bottom: 0.75rem;
right: -3rem;
font-size: 3rem;
display: flex; // hidden
justify-content: center;
align-items: center;

View file

@ -21,7 +21,7 @@
flex-direction: column;
gap: 1rem;
background-color: $black100;
//background-color: $black100;
color: $white100;
box-sizing: border-box;
@ -56,7 +56,7 @@
}
.err-warning {
min-height: 60vh;
min-height: 100vh;
gap: 0;
@ -210,7 +210,7 @@
}
.image__container {
margin: -40vh 0 0 0;
margin: 0;
padding: 0;
width: 100%;
@ -242,24 +242,26 @@
.image__info {
margin: 0;
padding: 0;
padding: 0.5rem;
width: 100%;
display: flex;
flex-direction: column;
gap: 0.5rem;
background-color: $black200;
border-radius: calc($rad / 2);
border-radius: $rad;
border-left: $rad solid $green;
box-sizing: border-box;
h2 {
margin: 0;
padding: 0 1rem 0.5rem;
padding: 0;
font-family: $font-header;
font-size: 1rem;
font-size: 1.25rem;
font-stretch: ultra-expanded;
font-weight: 600;
@ -271,10 +273,10 @@
p {
margin: 0;
padding: 0 1rem 0.5rem;
padding: 0;
font-family: $font-body;
font-size: 0.8rem;
font-size: 1rem;
font-weight: 500;
color: $white100;

View file

@ -15,9 +15,11 @@ main {
padding: 0;
width: 100%;
height: 40vh;
height: 69vh;
position: relative;
position: fixed;
top: 0;
left: 0;
background-color: $black200;
border-radius: $rad;
@ -32,8 +34,6 @@ main {
width: 100%;
height: 100%;
filter: blur(0.5rem);
object-fit: cover;
object-position: center 0px;
}
@ -47,6 +47,7 @@ main {
height: 100%;
background-image: linear-gradient(to bottom, #00000000, rgba($black100, 1));
backdrop-filter: blur(0.5rem);
z-index: +1;
}