PANDA-JSR/SecScore
1
0
Fork 0
mirror of https://github.com/SECTL/SecScore.git synced 2026-07-19 12:34:22 +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
+50 -28
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={{ >
fontSize: "12px", <div style={{ flex: 1, minWidth: 0 }}>
color: "var(--ss-text-secondary)", <div style={{ fontWeight: 500 }}>{t("settings.cloudSync.postgresql")}</div>
marginTop: 4, <div
marginLeft: 22, style={{
}} fontSize: "12px",
> color: "var(--ss-text-secondary)",
{t("settings.cloudSync.postgresqlDesc")} marginTop: 4,
}}
>
{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={{ >
fontSize: "12px", <div style={{ flex: 1, minWidth: 0 }}>
color: "var(--ss-text-secondary)", <div style={{ fontWeight: 500 }}>{t("settings.cloudSync.sectlCloud")}</div>
marginTop: 4, <div
marginLeft: 22, style={{
}} fontSize: "12px",
> color: "var(--ss-text-secondary)",
{t("settings.cloudSync.sectlCloudDesc")} marginTop: 4,
}}
>
{t("settings.cloudSync.sectlCloudDesc")}
</div>
</div> </div>
<CloudOutlined
style={{
fontSize: "26px",
color: "var(--ant-color-primary)",
flexShrink: 0,
}}
/>
</Radio> </Radio>
</Card> </Card>
</Space> </Space>