senlinai/agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(site): enlarge showcase previews

Browse Source
This commit is contained in:
yanweidong
2026-07-24 18:48:06 +08:00
parent 3a76e787d6
commit 68f4149d34
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/site/styles.css
View File

@@ -56,10 +56,10 @@ h2 { font-size: clamp(32px, 3.2vw, 49px); line-height: 1.2; }
.context-points span { color: #1c2c49; font-size: 18px; font-weight: 750; }
.context-points p { color: #728098; font-size: 14px; line-height: 1.75; }
.showcase { align-items: center; background: #f7f9fd; display: grid; gap: 48px; grid-template-columns: minmax(0, 620px) minmax(360px, 460px); justify-content: center; margin-bottom: 0; max-width: none; padding-bottom: 80px; padding-top: 80px; }
.showcase { align-items: center; background: #f7f9fd; display: grid; gap: 48px; grid-template-columns: minmax(420px, 1.15fr) minmax(300px, .85fr); justify-content: normal; margin-bottom: 0; max-width: 1440px; padding-bottom: 80px; padding-top: 80px; }
.showcase:not(.showcase-reversed) { padding-top: 96px; }
.showcase-image { background: #fff; border: 1px solid #e4eaf3; box-shadow: 0 22px 48px rgba(30, 55, 95, .09); overflow: hidden; }
.data-preview-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-self: start; max-width: 620px; padding: 12px; width: 100%; }
.data-preview-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-self: stretch; max-width: none; padding: 12px; width: 100%; }
.data-preview-grid figure { margin: 0; min-width: 0; }
.data-preview-grid figcaption { color: #61718a; font-size: 13px; font-weight: 700; padding: 9px 2px 1px; }
.showcase-copy { max-width: 460px; }
@@ -67,7 +67,7 @@ h2 { font-size: clamp(32px, 3.2vw, 49px); line-height: 1.2; }
.showcase-copy dl div { border-bottom: 1px solid #dce4ef; padding: 15px 0; }
dt { color: #1b2a47; font-size: 16px; font-weight: 750; }
dd { color: #718097; font-size: 14px; margin: 7px 0 0; }
.showcase-reversed { background: #fff; grid-template-columns: minmax(360px, 460px) minmax(0, 620px); }
.showcase-reversed { background: #fff; grid-template-columns: minmax(300px, .85fr) minmax(420px, 1.15fr); }
.workflow { align-items: center; display: flex; gap: 12px; margin-top: 34px; }
.workflow span, .workflow strong { border: 1px solid #dbe5f5; border-radius: 5px; color: #587093; font-size: 14px; padding: 9px 13px; }
.workflow strong { background: #165dff; border-color: #165dff; color: #fff; }