Профиль хирургии

resources/js/Components/AppPanel.vue

@@ -18,6 +18,10 @@ const props = defineProps({
         type: [String, Number],
         default: null
     },
+    noPadding: {
+        type: Boolean,
+        default: false
+    }
 })
 
 const hasHeader = computed(() => props.header.trim().length > 0)
@@ -52,7 +56,7 @@ watch(() => [props.minH, props.maxH], ([minH, maxH]) => {
 
 <template>
     <NFormItem :show-label="hasHeader" :label="header" :show-feedback="hasFeedback" :feedback="feedback">
-        <NCard>
+        <NCard :class="noPadding ? 'no-padding h-full' : ''">
             <NScrollbar :style="styles">
                 <slot />
             </NScrollbar>
@@ -61,5 +65,7 @@ watch(() => [props.minH, props.maxH], ([minH, maxH]) => {
 </template>
 
 <style scoped>
-
+.no-padding :deep(.n-card__content) {
+    padding: 0 !important;
+}
 </style>