fix: content warp extra css

2025-10-09 17:58:40 +08:00
parent ab54628f79
commit f63dc0ecef
1 changed files with 3 additions and 4 deletions
--- a/packages/effects/common-ui/src/components/content-wrap/content-wrap.vue
+++ b/packages/effects/common-ui/src/components/content-wrap/content-wrap.vue
@@ -74,6 +74,9 @@ onMounted(() => {
          <div v-if="title" class="mb-2 flex text-lg font-semibold">
            {{ title }}
          </div>
+          <div v-if="$slots.extra" class="flex justify-end">
+            <slot name="extra"></slot>
+          </div>
        </slot>

        <slot name="description">
@@ -82,10 +85,6 @@ onMounted(() => {
          </p>
        </slot>
      </div>
-
-      <div v-if="$slots.extra">
-        <slot name="extra"></slot>
-      </div>
    </div>

    <div :class="cn('h-full p-4', contentClass)" :style="contentStyle">