mirror of
https://gitplac.si/aljaxus/upn-qr.git
synced 2025-12-17 04:00:59 +00:00
improve mobile experience
This commit is contained in:
@@ -12,13 +12,17 @@
|
||||
div {
|
||||
display: grid;
|
||||
}
|
||||
.card {
|
||||
row-gap: 1rem
|
||||
}
|
||||
.title {
|
||||
display: grid;
|
||||
grid-template-columns: auto max-content;
|
||||
grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr));
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
padding: 1rem;
|
||||
column-gap: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
.title > * {
|
||||
margin: auto;
|
||||
@@ -28,11 +32,11 @@ div {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
row-gap: .5rem;
|
||||
column-gap: 1rem;
|
||||
column-gap: 1rem;;
|
||||
}
|
||||
.code {
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("/public/invalid-content.png");
|
||||
min-height: 210px;
|
||||
|
||||
Reference in New Issue
Block a user