Synced Config visuals

primefaces · Nov 28, 2023 · e82a968 · e82a968 · vercel · Nov 28, 2023
1 parent 9b2565b
commit e82a968
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/app/showcase/layout/config/app.config.component.html b/src/app/showcase/layout/config/app.config.component.html
@@ -1,5 +1,5 @@
 <p-sidebar [visible]="isActive" (visibleChange)="onVisibleChange($event)" position="right"
-    styleClass="layout-config w-full sm:w-26rem layout-config">
+    styleClass="layout-config w-full sm:w-26rem">
     <div class="p-2">
         <section class="pb-4 flex align-items-center justify-content-between border-bottom-1 surface-border">
             <span class="text-xl font-semibold">Scale</span>

diff --git a/src/assets/showcase/styles/layout/_config.scss b/src/assets/showcase/styles/layout/_config.scss
@@ -40,12 +40,17 @@
             }
         }
     }
+}
 
-    &.layout-light {
+
+.layout-light {
+    .layout-config {
         background: var(--surface-overlay);
     }
+}
 
-    &.layout-dark {
+.layout-dark {
+    .layout-config {
         background: var(rgba(0,0,0,.3));
         border: 0 none;
     }