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: {
|
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"),
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user