fix: page footer zIndex conflict with layout footer

vbenjs · Dec 5, 2024 · 22cca69 · 22cca69
1 parent ff8fa06
commit 22cca69
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/effects/common-ui/src/components/page/page.vue b/packages/effects/common-ui/src/components/page/page.vue
@@ -82,6 +82,7 @@ const headerStyle = computed<StyleValue>(() => {
 
 const footerStyle = computed<StyleValue>(() => {
   return {
+    zIndex: 201,
     bottom:
       preferences.footer.enable && preferences.footer.fixed
         ? `var(${CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT})`
@@ -174,7 +175,7 @@ onMounted(() => {
       :class="
         cn(
           footerClass,
-          'bg-card align-center border-border fixed right-0 flex border-t px-6 py-4 transition-all duration-200',
+          'bg-card align-center border-border fixed flex border-b border-t px-6 py-4 transition-all duration-200',
         )
       "
       :style="footerStyle"