Interim working solution

This commit is contained in:
Alexander Wainwright
2025-12-18 17:19:16 +10:00
parent c3fdf45015
commit 446b3b46fd
3 changed files with 212 additions and 106 deletions

View File

@@ -445,3 +445,26 @@ input[type="radio"]:checked {
input[type="radio"]:focus {
outline: none;
}
/* In-Box Error Message */
.qr-error-msg {
color: red;
font-family: var(--font-mono);
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 0.9rem;
line-height: 1.4;
/* Brutalist Box inside the Box */
border: 2px solid red;
padding: 1rem;
background-color: #fff;
width: 80%; /* Don't touch the edges */
}
/* Ensure the container keeps its shape even when showing error */
#qr-container {
/* Existing styles... */
position: relative; /* Just in case */
}