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:
@@ -21,7 +21,7 @@ export const ossAssets = {
|
||||
},
|
||||
home: {
|
||||
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: {
|
||||
ecommerce: muban("feature-ecommerce.jpg"),
|
||||
script: muban("feature-script.jpg"),
|
||||
|
||||
@@ -9,10 +9,10 @@
|
||||
|
||||
.wb-prompt-cases__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-rows: 10px;
|
||||
gap: 10px;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.wb-prompt-case-card {
|
||||
@@ -34,22 +34,22 @@
|
||||
|
||||
.wb-prompt-case-card--ratio-wide {
|
||||
grid-column: span 1;
|
||||
grid-row: span 8;
|
||||
grid-row: span 13;
|
||||
}
|
||||
|
||||
.wb-prompt-case-card--ratio-tall {
|
||||
grid-column: span 1;
|
||||
grid-row: span 23;
|
||||
grid-row: span 30;
|
||||
}
|
||||
|
||||
.wb-prompt-case-card--ratio-square {
|
||||
grid-column: span 1;
|
||||
grid-row: span 13;
|
||||
grid-row: span 18;
|
||||
}
|
||||
|
||||
.wb-prompt-case-card--ratio-portrait {
|
||||
grid-column: span 1;
|
||||
grid-row: span 16;
|
||||
grid-row: span 24;
|
||||
}
|
||||
|
||||
.wb-prompt-case-card img {
|
||||
@@ -328,7 +328,7 @@
|
||||
|
||||
@media (max-width: 980px) {
|
||||
.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;
|
||||
gap: 8px;
|
||||
}
|
||||
@@ -387,7 +387,7 @@
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.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;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
@@ -5411,6 +5411,12 @@
|
||||
color: #fff;
|
||||
box-shadow: none;
|
||||
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 {
|
||||
@@ -6706,6 +6712,12 @@
|
||||
height: 82px;
|
||||
justify-content: flex-start;
|
||||
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 {
|
||||
|
||||
Reference in New Issue
Block a user