- saving progress;

2024-10-29 16:05:23 +01:00
parent 6e607dc9cf c8e199eb4f
commit bcf22876fe
13 changed files with 454 additions and 191 deletions
--- a/src/assets/scss/components/appPage.scss
+++ b/src/assets/scss/components/appPage.scss
@@ -225,6 +225,31 @@
    gap: 0.5em;
 }

+.appPageSection__message {
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    background: rgba(255, 242, 226, 0.7);
+    border-style: solid;
+    border-width: 0 0 0 6px;
+    padding: 1.25rem 1.75rem;
+    border-radius: 6px;
+
+    &.warning {
+        color: var(--message-warning-color);
+        border-color: var(--message-warning-color);
+    }
+
+    &.info {
+        color: var(--message-info-color);
+        border-color: var(--message-info-color);
+    }
+    
+    .summary {
+        font-weight: bold;
+    }
+}
+
@container section_with_border (max-width: 600px) {
    .appPageSection__withBorder {
        .row {