From 2e442e20ec3d338690fd6462e8c28a9558826088 Mon Sep 17 00:00:00 2001
From: unknown <kate522@88.com>
Date: Wed, 19 Aug 2026 00:21:05 +0800
Subject: [PATCH] fix(footer): restore inline QR code layout

---
 assets/css/frontend/footer/zibll-shell.css    | 55 ++++++++++++-------
 footer.php                                    |  2 +-
 .../page-display-contract.test.cjs            |  5 ++
 3 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/assets/css/frontend/footer/zibll-shell.css b/assets/css/frontend/footer/zibll-shell.css
index 6929a150..5bbb6b61 100644
--- a/assets/css/frontend/footer/zibll-shell.css
+++ b/assets/css/frontend/footer/zibll-shell.css
@@ -1,5 +1,5 @@
 /**
- * Footer — Zibll template_1 shell (list-inline + float third column)
+ * Footer — Zibll template_1 shell
  * Contract: zibll/css/main.css footer block + zib_footer_con markup
  */
 .footer {
@@ -24,21 +24,26 @@
   width: 100%;
 }
 
-/* Bootstrap-like list-inline — NOT flex (Zibll uses float for third col) */
 .footer .list-inline {
+  display: flex;
+  align-items: center;
+  gap: 20px;
   list-style: none;
   margin: 0 0 12px;
   padding: 0;
 }
 
 .footer .list-inline > li {
+  flex: 1;
   margin: 5px 15px;
-  vertical-align: top;
-  display: inline-block;
 }
 
 .footer .list-inline > li + li + li {
   float: right;
+  display: flex;
+  align-items: flex-end;
+  flex-direction: column;
+  gap: 10px;
 }
 
 .footer a.footer-logo img,
@@ -175,27 +180,28 @@
   background: #fff;
 }
 
-.footer .footer-miniimg {
-  width: 90px;
-  margin: 0 10px;
-  text-align: center;
-  vertical-align: text-top;
-  display: inline-block;
-}
-
-.footer .footer-miniimg p {
-  margin: 0 0 4px;
-}
-
 .footer .footer-miniimg img {
   width: 90px;
+  margin: 0 6px;
   height: auto;
   max-width: 100%;
   display: block;
-  margin: 0 auto;
   border-radius: 4px;
 }
 
+.footer .footer-miniimg-2 {
+  justify-content: flex-end;
+}
+
+.footer .footer-miniimg-2 img {
+  height: 36px;
+  border-radius: var(--main-radius);
+}
+
+.footer .footer-miniimg-2 .opacity8 {
+  display: none;
+}
+
 .footer .footer-conter {
   margin: 8px 0 0;
   line-height: 1.8;
@@ -215,7 +221,7 @@
   }
 
   .footer {
-    padding: 20px 0;
+    padding: 10px 0;
   }
 
   .footer .container-footer {
@@ -223,16 +229,27 @@
     padding: 0 16px;
   }
 
+  .footer .list-inline {
+    gap: 10px;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
   .footer .list-inline > li + li + li {
     float: none;
+    align-items: center;
   }
 
   .footer .list-inline > li {
-    display: block;
     margin: 12px 0;
     max-width: none !important;
   }
 
+  .footer .footer-miniimg-2 {
+    justify-content: center;
+  }
+
   .footer .title-h-left:before {
     left: 50%;
     transform: translateX(-50%);
diff --git a/footer.php b/footer.php
index 40effa71..9d338a43 100644
--- a/footer.php
+++ b/footer.php
@@ -70,7 +70,7 @@ $_footer_conter = wp_kses_post(trim((string) $footer_customize_code));
 
 	<div class="container-fluid container-footer">
 		<?php if ($_has_cols) : ?>
-		<ul class="list-inline">
+		<ul class="flex ac gap20 footer-contact-box list-inline">
 			<?php if ($_has_brand) : ?>
 			<li class="<?php echo esc_attr(trim($_brand_xs_cls)); ?>" style="max-width: 300px;">
 				<?php if ($_logo_html !== '') : ?>
diff --git a/tests/widget-system/page-display-contract.test.cjs b/tests/widget-system/page-display-contract.test.cjs
index 20ab1a06..cc0ed986 100644
--- a/tests/widget-system/page-display-contract.test.cjs
+++ b/tests/widget-system/page-display-contract.test.cjs
@@ -13,6 +13,7 @@ const controllerBase = read('src/Admin/ControllerBase.php')
 const provider = read('src/Admin/SchemaProvider.php')
 const settingsFacade = read('src/Settings/Settings.php')
 const scriptsPart1c = read('src/Core/ScriptsPart1c.php')
+const footerCss = read('assets/css/frontend/footer/zibll-shell.css')
 
 function activeRepositorySource() {
   const roots = ['assets/admin/src', 'assets/js', 'inc', 'src', 'templates']
@@ -160,6 +161,10 @@ test('front-end page-display consumers read only the canonical section contracts
   assert.match(termMeta, /get_category_page_settings/)
   assert.match(termMeta, /get_tag_page_settings/)
   assert.match(footer, /get_footer_template/)
+  assert.match(footer, /<ul class="flex ac gap20 footer-contact-box list-inline">/)
+  assert.match(footerCss, /\.footer \.list-inline\s*\{[^}]*display:\s*flex;[^}]*align-items:\s*center;[^}]*gap:\s*20px;/s)
+  assert.doesNotMatch(footerCss, /\.footer \.footer-miniimg\s*\{[^}]*display:\s*inline-block;/s)
+  assert.match(footerCss, /\.footer \.footer-miniimg img\s*\{[^}]*width:\s*90px;[^}]*margin:\s*0 6px;/s)
   assert.match(settingsFacade, /public static function get_footer_template\(\): string\s*\{\s*return HomeCms::get_footer_template\(\);\s*\}/)
   assert.equal(scriptsPart1c.includes('cartUrl'), false)
   assert.doesNotMatch(scriptsPart1c, /\$runtime_routes\[['"]cart['"]\]/)