Improve card layout responsiveness and scrolling behavior

This commit is contained in:
Will Miao
2025-05-18 07:49:39 +08:00
parent da1be0dc65
commit 488654abc8
2 changed files with 6 additions and 2 deletions

View File

@@ -7,9 +7,11 @@
margin-top: var(--space-2);
padding-top: 4px; /* 添加顶部内边距,为悬停动画提供空间 */
padding-bottom: 4px; /* 添加底部内边距,为悬停动画提供空间 */
width: 100%; /* Ensure it takes full width of container */
max-width: 1400px; /* Base container width */
margin-left: auto;
margin-right: auto;
box-sizing: border-box; /* Include padding in width calculation */
}
.lora-card {
@@ -452,6 +454,8 @@
height: auto;
width: 100%;
max-width: 1400px; /* Keep the max-width from original grid */
box-sizing: border-box; /* Include padding in width calculation */
overflow-x: hidden; /* Prevent horizontal overflow */
}
/* For larger screens, allow more space for the cards */