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