style: 云同步卡片图标移至右侧并垂直居中

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
JSR
2026-07-05 16:26:07 +08:00
parent c460800532
commit f033776dc4
+34 -12
View File
@@ -1382,21 +1382,32 @@ export const Settings: React.FC<{
syncMethod === "postgresql" ? "var(--ant-color-primary-bg)" : undefined,
}}
>
<Radio value="postgresql">
<Space>
<DatabaseOutlined />
<span style={{ fontWeight: 500 }}>{t("settings.cloudSync.postgresql")}</span>
</Space>
<Radio
value="postgresql"
styles={{
root: { width: "100%", alignItems: "center" },
label: { display: "flex", alignItems: "center", flex: 1, gap: 8 },
}}
>
<div style={{ flex: 1, minWidth: 0 }}>
<div style={{ fontWeight: 500 }}>{t("settings.cloudSync.postgresql")}</div>
<div
style={{
fontSize: "12px",
color: "var(--ss-text-secondary)",
marginTop: 4,
marginLeft: 22,
}}
>
{t("settings.cloudSync.postgresqlDesc")}
</div>
</div>
<DatabaseOutlined
style={{
fontSize: "26px",
color: "var(--ant-color-primary)",
flexShrink: 0,
}}
/>
</Radio>
</Card>
<Card
@@ -1409,21 +1420,32 @@ export const Settings: React.FC<{
syncMethod === "sectl_cloud" ? "var(--ant-color-primary-bg)" : undefined,
}}
>
<Radio value="sectl_cloud">
<Space>
<CloudOutlined />
<span style={{ fontWeight: 500 }}>{t("settings.cloudSync.sectlCloud")}</span>
</Space>
<Radio
value="sectl_cloud"
styles={{
root: { width: "100%", alignItems: "center" },
label: { display: "flex", alignItems: "center", flex: 1, gap: 8 },
}}
>
<div style={{ flex: 1, minWidth: 0 }}>
<div style={{ fontWeight: 500 }}>{t("settings.cloudSync.sectlCloud")}</div>
<div
style={{
fontSize: "12px",
color: "var(--ss-text-secondary)",
marginTop: 4,
marginLeft: 22,
}}
>
{t("settings.cloudSync.sectlCloudDesc")}
</div>
</div>
<CloudOutlined
style={{
fontSize: "26px",
color: "var(--ant-color-primary)",
flexShrink: 0,
}}
/>
</Radio>
</Card>
</Space>