stepus53/writer
1
0
Fork 0
mirror of https://github.com/usatiuk/writer.git synced 2025-10-29 00:17:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

more paddings and margins for mobile devices

Browse Source
This commit is contained in:
Stepan Usatiuk
2019-12-31 17:34:22 +03:00
parent 1a35811bd6
commit 62c2329aee
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/Documents/Docs.scss
View File

@@ -13,6 +13,7 @@
} }
.section { .section {
padding: 1rem;
width: 100%; width: 100%;
} }
@@ -22,6 +23,11 @@
flex-grow: 0; flex-grow: 0;
flex-wrap: wrap; flex-wrap: wrap;
// 400px is the minimal width for 2 cards to fit
@media (max-width: 400px) {
justify-content: center;
}
.card { .card {
transition: 0.3s; transition: 0.3s;
user-select: none; user-select: none;
@@ -81,13 +87,14 @@
align-content: baseline; align-content: baseline;
h1 { h1 {
margin-left: 0; margin-left: 1rem;
margin-right: auto; margin-right: auto;
min-width: 0; min-width: 0;
flex-grow: 1; flex-grow: 1;
} }
input { input {
margin-left: 1rem;
transition: 0.3s; transition: 0.3s;
font-weight: 600; font-weight: 600;
font-size: 2rem; font-size: 2rem;