From 597c0943d5e47fb01e34dcfaa4ea50ff9ebac521 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=96=87=E6=B4=BE=E5=A4=87=E6=A1=88?= <130886204+modiqi@users.noreply.github.com> Date: Sat, 9 Mar 2024 00:39:13 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=AE=BE=E7=BD=AE=20UI=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 更新叶子插件设置界面样式 --- Service/Setting.php | 173 ++++++++++++++++++++++++++++---------------- 1 file changed, 112 insertions(+), 61 deletions(-) diff --git a/Service/Setting.php b/Service/Setting.php index ded015a..c997e92 100644 --- a/Service/Setting.php +++ b/Service/Setting.php @@ -139,70 +139,119 @@ class Setting { * 设置页面模版 */ public function setting_page() { - echo '

WP-China-Yes

'; - echo '

将您的 WordPress 接入本土生态体系，这将为您提供一个更贴近中国人使用习惯的 WordPress。

100% 开源代码，一起参与文派（WordPress）软件国产化进程，打造属于您自己的开源自助建站程序。

'; + echo '
+

文派叶子🍃(WP-China-Yes)

'; + echo '

将您的 WordPress 接入本土生态体系，这将为您提供一个更贴近中国人使用习惯的 WordPress。

100% 开源代码，一起参与文派（WordPress）软件国产化进程，打造属于您自己的开源自助建站程序。

'; echo << - .container { - display: flex; - flex-wrap: wrap; - width: 100%; - } - .left-column, .right-column { - width: 100%; - } - .left-column { - background-color: #f0f0f0; - } - .right-column { - padding: 20px; - display: flex; - flex-direction: column; - gap: 20px; - } - .card { - background-color: #fff; - padding: 20px; - box-shadow: 0 1px 3px rgba(0,0,0,0.13); - border-radius: 4px; - } - .card h3 { - margin-top: 0; - } - .card a, .left-column a { - text-decoration: none; - } - .card-body, .card-footer { - margin: 10px 0; - } - - .sponsor-logos { - display: flex; - flex-wrap: wrap; - justify-content: center; - } + + .wpcy-settings-footer p { + font-size: x-small; + line-height: 2; + } + .sponsor-logos { + display: flex; + flex-wrap: wrap; + justify-content: center; + } + + .sponsor-logos img { + width: 26%; + margin-bottom: 30px; + display: block; + margin-left: auto; + margin-right: auto; + height: fit-content; + } + + @media screen and (max-width: 782px){ + .auto-fold #wpcontent { + padding: 10px; + } + } + @media (min-width: 768px) { + .container { + flex-wrap: nowrap; + max-width: 1280px; + margin: 0 auto; + } + .left-column { + width: 70%; + } + .right-column { + width: 30%; + } + } +
HTML; @@ -210,6 +259,10 @@ HTML; $this->setting_api->show_forms(); echo << +

提示：插件会定期检查节点可用性，并在节点不可用时自动切换至可用节点，以保证您的网站正常访问。如您发现设置项被自动切换，可在此页面重新设置。

+

帮助：您可以随时在此处调整个性化设置以便适应不同的业务场景，萌新请保持默认即可。此项目的发展离不开您的支持和建议，查看联系方式。

+
@@ -255,8 +308,6 @@ HTML;
-

提示：插件会定期检查节点可用性，并在节点不可用时自动切换至可用节点，以保证您的网站正常访问。如您发现设置项被自动切换，可在此页面重新设置。

-

帮助：您可以随时在此处调整个性化设置以便适应不同的业务场景，萌新请保持默认即可。此项目的发展离不开您的支持和建议，查看联系方式。

HTML; }