General clean up, updates, and prep for new version of launcher using Svelte.

2022-03-01 17:59:48 -05:00
parent 382e98baf1
commit cbb0dc6a82
47 changed files with 7269 additions and 8732 deletions
--- a/app/css/aether_modules_core.css
+++ b/app/css/aether_modules_core.css
@@ -0,0 +1,114 @@
+/* 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;
+}