originalmk/skrytka-app
1
0
Fork 0
mirror of https://github.com/originalmk/skrytka-app.git synced 2025-01-18 16:29:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve scaling on smaller devices

Browse Source
This commit is contained in:
Jan Iłowski 2023-03-01 21:27:47 +01:00
parent 238d028a74
commit cb6c955e23
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/style/App.scss
View File

@ -47,6 +47,9 @@ body {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
padding: 32px; padding: 32px;
@media (max-width: 500px) {
padding: 8px;
}
} }
.imgArrrow { .imgArrrow {
@ -89,6 +92,11 @@ body {
flex-direction: column; flex-direction: column;
margin-top: 2rem; margin-top: 2rem;
@media (max-width: 500px) {
width: 100%;
}
.options-container { .options-container {
background: #2f3640; background: #2f3640;
color: #f5f6fa; color: #f5f6fa;
@ -143,7 +151,7 @@ body {
.inputSearch { .inputSearch {
width: 360px; width: 100%;
font-size: 15px; font-size: 15px;
padding: .5em; padding: .5em;
} }
@ -226,9 +234,13 @@ body {
margin-top: .3em; margin-top: .3em;
letter-spacing: 2px; letter-spacing: 2px;
font-size: 55px; font-size: 3rem;
text-align: center; text-align: center;
font-weight: bolder; font-weight: bolder;
@media (max-width: 500px) {
font-size: 2rem;
}
} }
@keyframes rotate { @keyframes rotate {