style: fix padding and background color

src/components/ContentDetailWrap/src/ContentDetailWrap.vue

@@ -24,7 +24,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div :class="[`${prefixCls}-container`, 'relative']" ref="contentDetailWrap">
+  <div :class="[`${prefixCls}-container`, 'relative bg-[#fff]']" ref="contentDetailWrap">
     <Sticky :offset="offset">
       <div
         :class="[

src/components/ContentWrap/src/ContentWrap.vue

@@ -14,7 +14,6 @@ defineProps({
 </script>
 
 <template>
-  <div style="padding: var(--app-content-padding)">
   <ElCard :class="[prefixCls, 'mb-20px']" shadow="never">
     <template v-if="title" #header>
       <div class="flex items-center">
@@ -31,5 +30,4 @@ defineProps({
       <slot></slot>
     </div>
   </ElCard>
-  </div>
 </template>

src/layout/components/AppView.vue

@@ -22,7 +22,7 @@ const getCaches = computed((): string[] => {
 <template>
   <section
     :class="[
-      'w-[100%] bg-[var(--app-contnet-bg-color)]',
+      'p-[var(--app-content-padding)] w-[100%] bg-[var(--app-contnet-bg-color)]',
       {
         '!min-h-[calc(100%-var(--app-footer-height))]':
           fixedHeader && (layout === 'classic' || layout === 'topLeft') && footer,