Fix QR code layout

This commit is contained in:
Aljaž S
2022-08-18 13:49:36 +02:00
parent d8913af543
commit cb95d6bb6f
2 changed files with 18 additions and 2 deletions

View File

@@ -39,8 +39,7 @@ div {
grid-template-rows: auto auto;
grid-template-columns: auto;
row-gap: 1rem;
}
.code {
background-size: contain;
background-position: top center;
background-repeat: no-repeat;

View File

@@ -25,6 +25,23 @@ section div {
row-gap: .5rem;
column-gap: .5rem;
}
.maker button,
.maker input[type="submit"] {
margin-bottom: auto;
}
.code {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: auto;
row-gap: 1rem;
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
background-image: url("/public/invalid-content.png");
min-height: 210px;
min-width: 210px;
}
</style>
<body>
<section>