GuerillaStudio/souvenir
GuerillaStudio/souvenir
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/souvenir.git synced 2024-11-08 11:11:53 +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%;
}
/* Welcome screen
-------------------------------------------------------------- */
.welcome {
align-items: center;
}
/* Capture screen
-------------------------------------------------------------- */
@ -27,11 +34,16 @@
margin-bottom: auto;
}
.capture-progress {
align-self: center;
}
.capture-btn {
flex-shrink: .0;
margin-top: 0;
margin-right: 2rem;
margin-bottom: 0;
margin-left: auto;
}
/* Options
@ -59,11 +71,10 @@
-------------------------------------------------------------- */
.progressBar {
align-self: center;
margin-right: 1rem;
margin-left: 1rem;
width: 9.5rem;
height: inherit;
height: auto;
}
/* Preview
@ -75,4 +86,20 @@
margin-bottom: 0;
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;
}
}