bethaus-app/static/token.css
2026-01-18 19:45:37 +00:00

81 lines
1.4 KiB
CSS

.token-container {
height: 100%;
display: flex;
flex-direction: column;
}
#tokenPrintable .qr-code {
max-width: 420px;
width: 100%;
display: block;
margin: 0 auto;
}
#tokenPrintable .token-qr-wrap {
position: relative;
display: inline-block;
}
#tokenPrintable .token-pdf-logo {
max-width: 120px;
width: 28%;
min-width: 80px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
z-index: 2;
pointer-events: none;
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 14px rgba(0, 0, 0, 0.6));
}
#tokenPrintable .token-folder-title {
text-align: center;
}
#tokenPrintable .token-page-title {
text-align: center;
margin-bottom: 3rem;
margin-top: 1rem;
}
#tokenPrintable .copy-btn {
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
font-size: 1rem;
cursor: pointer;
border: 1px solid #007bff;
background-color: #007bff;
color: white;
border-radius: 0.25rem;
}
#tokenPrintable .copy-btn:active {
background-color: #0056b3;
border-color: #0056b3;
}
@media print {
.token-action-buttons {
display: none !important;
}
#tokenPrintable .qr-code {
max-width: 620px;
width: 90% !important;
}
#tokenPrintable .token-pdf-logo {
max-width: 140px;
width: 24%;
}
#tokenPrintable .token-qr-wrap {
position: relative;
display: inline-block;
}
}