feat: update homepage banners to OSS, fix avatar edit hover, adjust workbench grid layout

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-06-05 13:29:17 +08:00
parent 93a7a6d5e6
commit 5097b5ce49
3 changed files with 21 additions and 9 deletions
+1 -1
View File
@@ -21,7 +21,7 @@ export const ossAssets = {
}, },
home: { home: {
backgroundVideo: muban("hero-bg.mp4"), backgroundVideo: muban("hero-bg.mp4"),
heroSlides: [muban("hero-1.png"), muban("hero-2.png"), muban("hero-3.png")], heroSlides: [oss("static/banners/light2_轮播1.jpg"), oss("static/banners/light2_轮播2.jpg"), oss("static/banners/light2_轮播3.jpg")],
features: { features: {
ecommerce: muban("feature-ecommerce.jpg"), ecommerce: muban("feature-ecommerce.jpg"),
script: muban("feature-script.jpg"), script: muban("feature-script.jpg"),
+8 -8
View File
@@ -9,10 +9,10 @@
.wb-prompt-cases__grid { .wb-prompt-cases__grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-auto-flow: dense; grid-auto-flow: dense;
grid-auto-rows: 10px; grid-auto-rows: 10px;
gap: 10px; gap: 8px;
} }
.wb-prompt-case-card { .wb-prompt-case-card {
@@ -34,22 +34,22 @@
.wb-prompt-case-card--ratio-wide { .wb-prompt-case-card--ratio-wide {
grid-column: span 1; grid-column: span 1;
grid-row: span 8; grid-row: span 13;
} }
.wb-prompt-case-card--ratio-tall { .wb-prompt-case-card--ratio-tall {
grid-column: span 1; grid-column: span 1;
grid-row: span 23; grid-row: span 30;
} }
.wb-prompt-case-card--ratio-square { .wb-prompt-case-card--ratio-square {
grid-column: span 1; grid-column: span 1;
grid-row: span 13; grid-row: span 18;
} }
.wb-prompt-case-card--ratio-portrait { .wb-prompt-case-card--ratio-portrait {
grid-column: span 1; grid-column: span 1;
grid-row: span 16; grid-row: span 24;
} }
.wb-prompt-case-card img { .wb-prompt-case-card img {
@@ -328,7 +328,7 @@
@media (max-width: 980px) { @media (max-width: 980px) {
.wb-prompt-cases__grid { .wb-prompt-cases__grid {
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-auto-rows: 8px; grid-auto-rows: 8px;
gap: 8px; gap: 8px;
} }
@@ -387,7 +387,7 @@
@media (max-width: 560px) { @media (max-width: 560px) {
.wb-prompt-cases__grid { .wb-prompt-cases__grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 8px; grid-auto-rows: 8px;
gap: 8px; gap: 8px;
} }
+12
View File
@@ -5411,6 +5411,12 @@
color: #fff; color: #fff;
box-shadow: none; box-shadow: none;
font-size: 11px; font-size: 11px;
opacity: 0;
transition: opacity 0.2s;
}
.web-shell[data-ui-theme="dark-green"] .profile-page__avatar-ring:hover .profile-page__avatar-edit {
opacity: 1;
} }
.web-shell[data-ui-theme="dark-green"] .profile-page__avatar-edit:hover { .web-shell[data-ui-theme="dark-green"] .profile-page__avatar-edit:hover {
@@ -6706,6 +6712,12 @@
height: 82px; height: 82px;
justify-content: flex-start; justify-content: flex-start;
padding-left: 30px; padding-left: 30px;
opacity: 0;
transition: opacity 0.2s;
}
.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-ring:hover .profile-page__avatar-edit {
opacity: 1;
} }
.web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-badge { .web-shell[data-ui-theme="dark-green"] .profile-page--dashboard .profile-page__avatar-badge {