GuerillaStudio/souvenir
GuerillaStudio/souvenir
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/souvenir.git synced 2025-01-20 18:50:21 +00:00
Code Issues Releases Activity Actions

style: Adapt welcome+download screens and capture progress bar to landscape mobile

Browse source
This commit is contained in:
Tixie 2019-03-12 23:15:39 +01:00
parent 5cfa031c75
commit cddf0ca346
1 changed files with 29 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/assets/css/7-rwd/_rwd-landscape.css
View file

@ -18,6 +18,13 @@
width: 100%; width: 100%;
} }
/* Welcome screen
-------------------------------------------------------------- */
.welcome {
align-items: center;
}
/* Capture screen /* Capture screen
-------------------------------------------------------------- */ -------------------------------------------------------------- */
@ -27,11 +34,16 @@
margin-bottom: auto; margin-bottom: auto;
} }
.capture-progress {
align-self: center;
}
.capture-btn { .capture-btn {
flex-shrink: .0; flex-shrink: .0;
margin-top: 0; margin-top: 0;
margin-right: 2rem; margin-right: 2rem;
margin-bottom: 0; margin-bottom: 0;
margin-left: auto;
} }
/* Options /* Options
@ -59,11 +71,10 @@
-------------------------------------------------------------- */ -------------------------------------------------------------- */
.progressBar { .progressBar {
align-self: center;
margin-right: 1rem; margin-right: 1rem;
margin-left: 1rem; margin-left: 1rem;
width: 9.5rem; width: 9.5rem;
height: inherit; height: auto;
} }
/* Preview /* Preview
@ -75,4 +86,20 @@
margin-bottom: 0; margin-bottom: 0;
max-width: 80vh; max-width: 80vh;
} }
/* Download
-------------------------------------------------------------- */
.download {
flex-direction: row;
align-items: center;
}
.download-btn,
.download-btn:visited {
margin: auto 0;
margin-right: 2rem;
margin-left: auto;
width: auto;
}
} }