xinyouhe/cms-SiteForge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: form block two-column layout — contact info left, form right

Browse Source
This commit is contained in:
浅念
2026-10-30 09:59:38 +08:00
parent cb19de3016
commit e51dca1d07
2 changed files with 29 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/blocks.css
+12
View File
@@ -113,3 +113,15 @@
.sf-theme-trade-pro .sf-form-note{color:var(--sf-tp-color-text-muted,#8494a6);font-size:13px;margin:0 0 20px}
.sf-theme-trade-pro .sf-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media (max-width:620px){.sf-theme-trade-pro .sf-form-grid{grid-template-columns:1fr}}
/* ── 联系双栏：左信息右表单 ── */
.sf-theme-trade-pro .sf-contact-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:calc(var(--sf-tp-space-12,48px) + var(--sf-tp-space-4,16px));align-items:start}
.sf-theme-trade-pro .sf-contact-info .sf-kicker{display:block;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:740;color:var(--sf-accent-c,var(--accent,#0874df));margin-bottom:12px}
.sf-theme-trade-pro .sf-contact-info h2{font-size:calc(var(--sf-title-size,32px) * .75);margin:0 0 12px}
.sf-theme-trade-pro .sf-contact-desc{color:var(--sf-tp-color-text-muted,#5a6a7e);line-height:1.6;margin:0 0 24px}
.sf-theme-trade-pro .sf-contact-list{display:grid;gap:calc(var(--sf-tp-space-5,20px))}
.sf-theme-trade-pro .sf-contact-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}
.sf-theme-trade-pro .sf-contact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--sf-btn-c,var(--sf-tp-color-surface-brand,#0874df));color:#fff;font-size:18px}
.sf-theme-trade-pro .sf-contact-item strong{display:block;margin-bottom:2px}
.sf-theme-trade-pro .sf-contact-item p{margin:0;color:var(--sf-tp-color-text-muted,#5a6a7e);font-size:var(--sf-text-size,14px)}
@media(max-width:900px){.sf-theme-trade-pro .sf-contact-grid{grid-template-columns:1fr;gap:24px}}