PANDA-JSR/SecScore
1
0
Fork 0
mirror of https://github.com/SECTL/SecScore.git synced 2026-07-19 21:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 50 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Settings.tsx
+34 -12
View File
@@ -1382,21 +1382,32 @@ export const Settings: React.FC<{
syncMethod === "postgresql" ? "var(--ant-color-primary-bg)" : undefined, syncMethod === "postgresql" ? "var(--ant-color-primary-bg)" : undefined,
}} }}
> >
<Radio value="postgresql"> <Radio
<Space> value="postgresql"
<DatabaseOutlined /> styles={{
<span style={{ fontWeight: 500 }}>{t("settings.cloudSync.postgresql")}</span> root: { width: "100%", alignItems: "center" },
</Space> 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 <div
style={{ style={{
fontSize: "12px", fontSize: "12px",
color: "var(--ss-text-secondary)", color: "var(--ss-text-secondary)",
marginTop: 4, marginTop: 4,
marginLeft: 22,
}} }}
> >
{t("settings.cloudSync.postgresqlDesc")} {t("settings.cloudSync.postgresqlDesc")}
</div> </div>
</div>
<DatabaseOutlined
style={{
fontSize: "26px",
color: "var(--ant-color-primary)",
flexShrink: 0,
}}
/>
</Radio> </Radio>
</Card> </Card>
<Card <Card
@@ -1409,21 +1420,32 @@ export const Settings: React.FC<{
syncMethod === "sectl_cloud" ? "var(--ant-color-primary-bg)" : undefined, syncMethod === "sectl_cloud" ? "var(--ant-color-primary-bg)" : undefined,
}} }}
> >
<Radio value="sectl_cloud"> <Radio
<Space> value="sectl_cloud"
<CloudOutlined /> styles={{
<span style={{ fontWeight: 500 }}>{t("settings.cloudSync.sectlCloud")}</span> root: { width: "100%", alignItems: "center" },
</Space> 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 <div
style={{ style={{
fontSize: "12px", fontSize: "12px",
color: "var(--ss-text-secondary)", color: "var(--ss-text-secondary)",
marginTop: 4, marginTop: 4,
marginLeft: 22,
}} }}
> >
{t("settings.cloudSync.sectlCloudDesc")} {t("settings.cloudSync.sectlCloudDesc")}
</div> </div>
</div>
<CloudOutlined
style={{
fontSize: "26px",
color: "var(--ant-color-primary)",
flexShrink: 0,
}}
/>
</Radio> </Radio>
</Card> </Card>
</Space> </Space>