feat: 个人中心侧边栏显示、代表作滚动、图片工作台预览样式、首页轮播尺寸调整
This commit is contained in:
@@ -278,8 +278,8 @@
|
||||
}
|
||||
|
||||
.omni-home__carousel {
|
||||
width: min(100%, 1280px);
|
||||
min-height: clamp(340px, 34vw, 500px);
|
||||
width: min(100%, 1440px);
|
||||
min-height: clamp(400px, 38vw, 560px);
|
||||
aspect-ratio: auto;
|
||||
overflow: hidden;
|
||||
color: #f6f8f6;
|
||||
@@ -287,8 +287,8 @@
|
||||
}
|
||||
|
||||
.omni-home__carousel-stage {
|
||||
width: min(100%, 1160px);
|
||||
height: clamp(320px, 31vw, 450px);
|
||||
width: min(100%, 1320px);
|
||||
height: clamp(380px, 36vw, 520px);
|
||||
margin: 0 auto;
|
||||
overflow: visible;
|
||||
transform-style: preserve-3d;
|
||||
@@ -315,12 +315,12 @@
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
display: grid;
|
||||
width: clamp(214px, 17vw, 286px);
|
||||
height: clamp(122px, 9.8vw, 162px);
|
||||
width: clamp(480px, 42vw, 720px);
|
||||
height: clamp(270px, 23.6vw, 405px);
|
||||
place-items: center;
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
border-radius: clamp(10px, 1.2vw, 16px);
|
||||
border-radius: clamp(16px, 1.8vw, 24px);
|
||||
background: #0d1110;
|
||||
color: #101412;
|
||||
padding: 0;
|
||||
@@ -374,7 +374,7 @@
|
||||
saturate(1.08)
|
||||
contrast(1.02)
|
||||
drop-shadow(0 18px 18px rgb(0 0 0 / 14%));
|
||||
object-fit: cover;
|
||||
object-fit: contain;
|
||||
transform: translateZ(12px);
|
||||
transition:
|
||||
filter 640ms cubic-bezier(0.22, 1, 0.36, 1),
|
||||
@@ -387,9 +387,6 @@
|
||||
}
|
||||
|
||||
.omni-home__carousel-card.is-active {
|
||||
width: clamp(390px, 37vw, 620px);
|
||||
height: clamp(220px, 20.8vw, 350px);
|
||||
border-radius: clamp(16px, 1.8vw, 24px);
|
||||
box-shadow:
|
||||
0 18px 40px rgb(0 0 0 / 26%),
|
||||
inset 0 -1px 0 rgb(0 0 0 / 8%);
|
||||
|
||||
@@ -563,7 +563,10 @@ textarea.image-workbench-prompt {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
background: var(--bg-inset);
|
||||
background:
|
||||
radial-gradient(circle, rgba(var(--accent-rgb), 0.12) 1px, transparent 1.4px),
|
||||
var(--bg-inset);
|
||||
background-size: 22px 22px;
|
||||
}
|
||||
|
||||
.image-workbench-canvas img {
|
||||
|
||||
@@ -1 +1,17 @@
|
||||
/* Profile page rules move here as they are retired from legacy-pages.css. */
|
||||
|
||||
/* ── 代表作滚动容器:固定3列,刚好显示9个(3行),超出可滚动,隐藏滚动条 ── */
|
||||
.profile-page__works-scroll {
|
||||
max-height: 390px; /* 3行卡片:3 × 120(min-height) + 2 × 10(gap) = 380px,留10px余量 */
|
||||
overflow-y: auto;
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none; /* IE/Edge */
|
||||
}
|
||||
|
||||
.profile-page__works-scroll::-webkit-scrollbar {
|
||||
display: none; /* Chrome/Safari/Edge */
|
||||
}
|
||||
|
||||
.profile-page__works-scroll .profile-page__list-grid {
|
||||
grid-template-columns: repeat(3, 1fr); /* 固定3列,刚好3×3=9个可见 */
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user