Fix mobile layout for /login

This commit is contained in:
ekzyis 2023-09-09 22:52:50 +02:00
parent 0c7f7be359
commit 05e89ccbf2
2 changed files with 20 additions and 2 deletions

View File

@ -59,7 +59,25 @@ ul {
box-sizing: border-box;
margin: 1em auto;
padding: 0 1em;
max-width: 60rem;
max-width: 100vw;
}
@media (min-width: 640px) {
.container {
max-width: 100vw;
}
}
@media (min-width: 768px) {
.container {
max-width: 80vw;
}
}
@media (min-width: 1024px) {
.container {
max-width: 30vw;
}
}
.flex {

View File

@ -36,7 +36,7 @@
</code>
<div id="lnauth-qr">
<div class="mb-1">Login with Lightning</div>
<img class="m-auto mb-1" src="data:image/png;base64,{{.qr}}" width="33%"/>
<img class="m-auto mb-1" src="data:image/png;base64,{{.qr}}" width="100%"/>
<div class="font-mono word-wrap">{{.lnurl}}</div>
</div>
<div id="lnauth-success" hidden>