115 lines
2.1 KiB
CSS
115 lines
2.1 KiB
CSS
/* Aether Modules: Core */
|
|
|
|
.mod__order_cart .obj__order_cart_line.purp__li_item.prop__message .purp__label {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.mod__order_cart .obj__order_cart_line.purp__li_item.prop__message .purp__value {
|
|
font-size: smaller;
|
|
font-style: italic;
|
|
}
|
|
|
|
.mod__order .obj__order_line.purp__li_item.prop__message .purp__label {
|
|
font-size: smaller;
|
|
}
|
|
|
|
.mod__order .obj__order_line.purp__li_item.prop__message .purp__value {
|
|
font-size: smaller;
|
|
font-style: italic;
|
|
}
|
|
/* *** END *** System Objects *** All Objects *** */
|
|
|
|
|
|
|
|
/* Svelte QR code element */
|
|
.qr_scanner {
|
|
/* outline: solid thin pink; */
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
/* flex-wrap: wrap; */
|
|
|
|
justify-content: flex-start;
|
|
align-items: center; /* center */
|
|
align-content: stretch;
|
|
|
|
/* flex-grow: 1;
|
|
* flex-shrink: 1;
|
|
* flex-basis: 50%; */
|
|
|
|
/* min-width: 100%;
|
|
* width: 100%;
|
|
* max-width: 100%; */
|
|
}
|
|
|
|
.qr_reader {
|
|
min-width: 400px;
|
|
/* width: 100%; */
|
|
max-width: 100%;
|
|
/* outline: solid thin red; */
|
|
}
|
|
|
|
.qr_scanner .not_scanning {
|
|
/*background: gray;*/
|
|
}
|
|
|
|
.qr_scanner .scanning {
|
|
background: lightgreen;
|
|
}
|
|
|
|
.container.qr_scan_result {
|
|
display: flex;
|
|
flex-direction: column;
|
|
/* flex-wrap: wrap; */
|
|
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
align-content: stretch;
|
|
}
|
|
|
|
img.qr_code {
|
|
outline: solid thin orange;
|
|
width: 1.50in;
|
|
}
|
|
|
|
img.qr_code:hover {
|
|
outline: solid thin green;
|
|
width: 2.50in;
|
|
}
|
|
|
|
img.qr_code:focus {
|
|
outline: solid thin red;
|
|
width: 2.50in;
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.qr_reader {
|
|
min-width: 95vw;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.qr_reader {
|
|
min-width: 90vw;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
img.qr_code {
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
/* Svelte QR code scanner test page */
|
|
.qr_scanner_main .options {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center; /* center */
|
|
align-content: stretch;
|
|
}
|