Update to PrimeVue v4

2024-07-25 16:41:34 +03:00
parent ef6f80dfb1
commit a7bec8d7a5
276 changed files with 4676 additions and 805020 deletions
--- a/src/assets/layout/_topbar.scss
+++ b/src/assets/layout/_topbar.scss
@@ -147,3 +147,62 @@
        }
    }
 }
+
+.config-panel {
+    position: absolute;
+    top: calc(100% + 2px);
+    right: 0;
+    width: 16rem;
+    padding: .75rem;
+    background-color: var(--overlay-background);
+    border-radius: 6px;
+    border: 1px solid var(--border-color);
+    transform-origin: top;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    
+    .config-panel-content {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+    }
+
+    .config-panel-label {
+        font-size: .875rem;
+        color: var(--text-secondary-color);
+        font-weight: 600;
+        line-height: 1;
+    }
+
+    .config-panel-colors {
+        > div {
+            padding-top: .5rem;
+            display: flex;
+            gap: .5rem;
+            flex-wrap: wrap;
+            justify-content: space-between;
+
+            button {
+                border: none;
+                width: 1.25rem;
+                height: 1.25rem;
+                border-radius: 50%;
+                padding: 0;
+                cursor: pointer;
+                outline-color: transparent;
+                outline-width: 2px;
+                outline-style: solid;
+                outline-offset: 1px;
+
+                &.active-color {
+                    outline-color: var(--primary-color);
+                }
+            }
+        }
+    }
+
+    .config-panel-settings {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+}