fix: nicest so far

Author: Gérard Collin

apps/xt-host/projects/host/src/app/entity-manager/entity-manager.component.css

@@ -48,11 +48,15 @@
 
 .entity-manager__tabs {
   display: block;
+  border-radius: 1.25rem;
+}
+
+.entity-manager__panels {
+  background: none;
 }
 
 .entity-manager__panel {
   border-radius: 1.5rem;
-  padding: 1rem;
   background: color-mix(in srgb, var(--p-surface-0) 92%, var(--p-primary-50) 8%);
   box-shadow: 0 1px 2px rgb(0 0 0 / 0.04), 0 14px 40px rgb(0 0 0 / 0.06);
 }
@@ -114,11 +118,6 @@
     flex: 1 1 auto;
   }
 
-  .entity-manager__panel {
-    padding: 0.85rem;
-    border-radius: 1.25rem;
-  }
-
   .entity-manager__state {
     min-height: 14rem;
     padding: 1.5rem;

apps/xt-host/projects/host/src/app/entity-manager/entity-manager.component.html

@@ -10,7 +10,7 @@ <h1 class="entity-manager__title">{{ entName }}</h1>
         </p>
       </div>
 
-      <p-toolbar styleClass="entity-manager__toolbar">
+      <p-toolbar class="entity-manager__toolbar">
         <ng-template #center>
           <div class="entity-manager__actions">
             <p-button
@@ -55,13 +55,13 @@ <h1 class="entity-manager__title">{{ entName }}</h1>
       </p-toolbar>
     </header>
 
-    <p-tabs [value]="viewMode()" styleClass="entity-manager__tabs">
+    <p-tabs [value]="viewMode()" class="entity-manager__tabs">
       <p-tablist>
         <p-tab value="list">List</p-tab>
         <p-tab value="edit" [disabled]="!canEdit()">Edit</p-tab>
       </p-tablist>
 
-      <p-tabpanels>
+      <p-tabpanels class="entity-manager__panels">
         <p-tabpanel value="list">
           @if (store?.loading()) {
             <div class="entity-manager__state">

plugins/xt-default/projects/default/src/lib/object/default-object.component.html

@@ -22,13 +22,13 @@
     </p-table>
   }
 } @else {
-  <p-panel>
+  <div>
     @for (subName of allSubNames; track subName) {
       <div class="flex flex-nowrap gap-3">
         <div class="flex-none">{{subName}}</div>
         <div class="flex-auto"><xt-render-sub [context]="subContext(subName)"></xt-render-sub></div>
       </div>
     }
-  </p-panel>
+  </div>
 
 }