ekzyis/delphi.market
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix mobile layout for /login

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/index.css
View File

@ -59,7 +59,25 @@ ul {
box-sizing: border-box; box-sizing: border-box;
margin: 1em auto; margin: 1em auto;
padding: 0 1em; 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 { .flex {

2
template/login.html
View File

@ -36,7 +36,7 @@
</code> </code>
<div id="lnauth-qr"> <div id="lnauth-qr">
<div class="mb-1">Login with Lightning</div> <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 class="font-mono word-wrap">{{.lnurl}}</div>
</div> </div>
<div id="lnauth-success" hidden> <div id="lnauth-success" hidden>