rob/upn-qr
1
0
Fork 0
mirror of https://gitplac.si/aljaxus/upn-qr.git synced 2025-12-17 04:00:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve mobile experience

Browse Source
This commit is contained in:
Aljaz S
2021-11-23 19:47:52 +01:00
parent ac04841b01
commit 3709b50f9f
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/form.ejs
View File

@@ -12,13 +12,17 @@
div { div {
display: grid; display: grid;
} }
.card {
row-gap: 1rem
}
.title { .title {
display: grid; display: grid;
grid-template-columns: auto max-content; grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr));
align-content: center; align-content: center;
justify-content: center; justify-content: center;
padding: 1rem; padding: 1rem;
column-gap: 1rem; column-gap: 1rem;
text-align: center;
} }
.title > * { .title > * {
margin: auto; margin: auto;
@@ -28,11 +32,11 @@ div {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
row-gap: .5rem; row-gap: .5rem;
column-gap: 1rem; column-gap: 1rem;;
} }
.code { .code {
background-size: contain; background-size: contain;
background-position: center center; background-position: top center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url("/public/invalid-content.png"); background-image: url("/public/invalid-content.png");
min-height: 210px; min-height: 210px;