Skip to content

Commit

Permalink
feat(login): improved html borders (by Roger)
Browse files Browse the repository at this point in the history
  • Loading branch information
albertrodriguezin2 committed Oct 11, 2024
1 parent cfa2131 commit 616a75b
Showing 1 changed file with 11 additions and 4 deletions.
15 changes: 11 additions & 4 deletions src/main/resources/templates/login.html
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@
.qr-image {
background-color: white;
padding: 8px;
box-sizing:border-box;
}

.header img {
Expand Down Expand Up @@ -165,14 +166,15 @@
display: flex;
justify-content: space-between;
width: 100%;
padding-bottom: 10px;
}

.qr-container {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 20px;
text-align: center;
margin-inline: 20px;
text-align: left;
justify-content: center;
flex-grow: 1;
}
Expand All @@ -185,7 +187,6 @@
.instructions {
text-align: left;
max-width: 50%;
margin-top: 30px;
}

.grey-section {
Expand Down Expand Up @@ -224,6 +225,10 @@
max-width: 100%;
margin-right: 0;
}
.qr-container{
margin-inline: 0px;
padding-inline:20px;
}
}

@media (max-width: 480px) {
Expand Down Expand Up @@ -272,7 +277,9 @@ <h3>Having trouble logging in?</h3>
<h3>Scan the QR with your Wallet to log in</h3>
</div>
<!-- Uso de Thymeleaf para insertar el QR generado -->
<img id="qr-code" class="qr-image" th:src="${qrImage}" alt="QR Code">
<div id="qr-frame">
<img id="qr-code" class="qr-image" th:src="${qrImage}" alt="QR Code">
</div>
<div id="same-device-title" class="additional-element" style="display: none;">
<h3>Login from the same device</h3>
</div>
Expand Down

0 comments on commit 616a75b

Please sign in to comment.