Fixed #3820 - Panel: Footer Templating

api-generator/components/panel.js

@@ -53,16 +53,20 @@ const PanelEvents = [
 const PanelSlots = [
     {
         name: 'header',
-        description: "Custom content for the component's header"
+        description: "Custom content for the component's header."
     },
     {
         name: 'icons',
-        description: "Custom content for the header's icon"
+        description: "Custom content for the header's icon."
     },
     {
         name: 'headericon',
-        description: 'Custom header icon template of panel'
+        description: "Custom content for the component's header icon."
-    }
+    },
+    {
+        name: 'fooetr',
+        description: "Custom content for the component's footer."
+    },
 ];
 
 module.exports = {

components/lib/panel/Panel.d.ts

@@ -72,6 +72,10 @@ export interface PanelPassThroughOptions {
      * Uses to pass attributes to the content's DOM element.
      */
     content?: PanelPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: PanelPassThroughOptionType;
 }
 
 /**
@@ -148,6 +152,10 @@ export interface PanelSlots {
          */
         collapsed: boolean;
     }): VNode[];
+     /**
+     * Custom footer template.
+     */
+     footer(): VNode[];
 }
 
 /**

components/lib/panel/Panel.vue

@@ -31,6 +31,9 @@
                 <div class="p-panel-content" v-bind="ptm('content')">
                     <slot></slot>
                 </div>
+                <div v-if="$slots.footer" class="p-panel-footer" v-bind="ptm('footer')">
+                    <slot name="footer"></slot>
+                </div>
             </div>
         </transition>
     </div>

public/themes/arya-blue/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/arya-green/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/arya-orange/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/arya-purple/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/bootstrap4-dark-blue/theme.css

@@ -3998,15 +3998,19 @@
   border: 1px solid #3f4b5b;
   background: #2a323d;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1.25rem;
   border: 1px solid #3f4b5b;
   background: #2a323d;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/bootstrap4-dark-purple/theme.css

@@ -3998,15 +3998,19 @@
   border: 1px solid #3f4b5b;
   background: #2a323d;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1.25rem;
   border: 1px solid #3f4b5b;
   background: #2a323d;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/bootstrap4-light-blue/theme.css

@@ -3998,15 +3998,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #212529;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1.25rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #212529;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/bootstrap4-light-purple/theme.css

@@ -3998,15 +3998,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #212529;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1.25rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #212529;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/fluent-light/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #a19f9d;
   background: #ffffff;
   color: #323130;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #a19f9d;
   background: #ffffff;
   color: #323130;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
   border-top: 0 none;
 }
 

public/themes/lara-dark-blue/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/lara-dark-indigo/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/lara-dark-purple/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/lara-dark-teal/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/lara-light-blue/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/lara-light-indigo/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/lara-light-purple/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/lara-light-teal/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/luna-amber/theme.css

@@ -3973,15 +3973,19 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/luna-blue/theme.css

@@ -3973,15 +3973,19 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/luna-green/theme.css

@@ -3973,15 +3973,19 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/luna-pink/theme.css

@@ -3973,15 +3973,19 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/md-dark-deeppurple/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 1rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/md-dark-indigo/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 1rem 1rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/md-light-deeppurple/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 1rem 1rem;
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/md-light-indigo/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 1rem 1rem;
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/mdc-dark-deeppurple/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 0.75rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/mdc-dark-indigo/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 0.75rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/mdc-light-deeppurple/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 0.75rem;
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/mdc-light-indigo/theme.css

@@ -4010,15 +4010,19 @@
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 0.75rem;
   border: 1px solid #e0e0e0;
   background: #ffffff;
   color: rgba(0, 0, 0, 0.87);
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/mira/theme.css

@@ -4014,15 +4014,19 @@
   border: 1px solid #E5E9F0;
   background: #ffffff;
   color: #4C566A;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #E5E9F0;
   background: #ffffff;
   color: #4C566A;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
   border-top: 0 none;
 }
 

public/themes/nano/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #343a3f;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 1px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #343a3f;
+  border-bottom-right-radius: 1px;
+  border-bottom-left-radius: 1px;
   border-top: 0 none;
 }
 

public/themes/nova-accent/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/nova-alt/theme.css

@@ -3973,15 +3973,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/nova-vue/theme.css

@@ -3973,15 +3973,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/nova/theme.css

@@ -3973,15 +3973,19 @@
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #c8c8c8;
   background: #ffffff;
   color: #333333;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/rhea/theme.css

@@ -3961,15 +3961,19 @@
   border: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.571rem 1rem;
   border: 1px solid #dadada;
   background: #ffffff;
   color: #666666;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
   border-top: 0 none;
 }
 

public/themes/saga-blue/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/saga-green/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/saga-orange/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/saga-purple/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/soho-dark/theme.css

@@ -3985,15 +3985,19 @@
   border: 1px solid #3e4053;
   background: #282936;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #3e4053;
   background: #282936;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/soho-light/theme.css

@@ -3985,15 +3985,19 @@
   border: 1px solid #dfe7ef;
   background: #ffffff;
   color: #043d75;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #dfe7ef;
   background: #ffffff;
   color: #043d75;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/tailwind-light/theme.css

@@ -4021,15 +4021,19 @@
   border: 1px solid #e5e7eb;
   background: #ffffff;
   color: #3f3f46;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid #e5e7eb;
   background: #ffffff;
   color: #3f3f46;
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
   border-top: 0 none;
 }
 

public/themes/vela-blue/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/vela-green/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/vela-orange/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/vela-purple/theme.css

@@ -3986,15 +3986,19 @@
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 1px solid #304562;
   background: #1f2d40;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
   border-top: 0 none;
 }
 

public/themes/viva-dark/theme.css

@@ -4018,15 +4018,19 @@
   border: 2px solid #263238;
   background: #161d21;
   color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 2px solid #263238;
   background: #161d21;
   color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }
 

public/themes/viva-light/theme.css

@@ -4018,15 +4018,19 @@
   border: 2px solid #ebebeb;
   background: #ffffff;
   color: #6c6c6c;
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
-  border-top: 0 none;
 }
 .p-panel .p-panel-footer {
   padding: 0.5rem 1rem;
   border: 2px solid #ebebeb;
   background: #ffffff;
   color: #6c6c6c;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
   border-top: 0 none;
 }