调整图片区域使其完全撑满卡片高度
All checks were successful
continuous-integration/drone/push Build is passing

- 将 .solution-content 的 padding 移除,改为 0
- 将 padding: 40px 移到 .solution-text 内部
- 移除 .solution-image 的固定高度
- 通过 align-items: stretch 让图片区域自动撑满整个卡片高度
- 图片使用 object-fit: cover 保持比例填充

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yiqiu
2025-11-25 16:36:06 +08:00
parent bc269019ca
commit 3e86ddcd70

View File

@@ -2728,7 +2728,7 @@ html {
display: flex;
align-items: stretch;
gap: 60px;
padding: 40px;
padding: 0;
background: rgba(15, 23, 42, 0.7);
backdrop-filter: blur(16px);
border: 1px solid rgba(148, 163, 184, 0.15);
@@ -2743,6 +2743,7 @@ html {
.solution-text {
flex: 1;
min-width: 0;
padding: 40px;
}
.solution-text h3 {
@@ -2811,7 +2812,6 @@ html {
.solution-image {
flex-shrink: 0;
width: 500px;
height: 100%;
position: relative;
overflow: hidden;
border-radius: 0;