refactor(assets): relocate character cover image
This commit is contained in:
|
Before Width: | Height: | Size: 351 KiB After Width: | Height: | Size: 351 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
@@ -50,7 +50,7 @@ describe("PrivateAlbumCard", () => {
|
|||||||
images: [
|
images: [
|
||||||
{ url: COVER_URL, locked: false, index: 0 },
|
{ url: COVER_URL, locked: false, index: 0 },
|
||||||
{
|
{
|
||||||
url: "/images/splash/pic-bg-home.png",
|
url: "/images/cover/elio.png",
|
||||||
locked: false,
|
locked: false,
|
||||||
index: 1,
|
index: 1,
|
||||||
},
|
},
|
||||||
@@ -59,7 +59,7 @@ describe("PrivateAlbumCard", () => {
|
|||||||
);
|
);
|
||||||
|
|
||||||
expect(html).toContain("elio.png");
|
expect(html).toContain("elio.png");
|
||||||
expect(html).not.toContain("pic-bg-home.png");
|
expect(html).not.toContain("%2Fimages%2Fcover%2Felio.png");
|
||||||
expect(html).toContain("8 photos");
|
expect(html).toContain("8 photos");
|
||||||
expect(html).toContain("A quiet morning by the water.");
|
expect(html).toContain("A quiet morning by the water.");
|
||||||
expect(html).toContain('aria-label="Open 8 private album photos"');
|
expect(html).toContain('aria-label="Open 8 private album photos"');
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ describe("splash Tailwind components", () => {
|
|||||||
expect(html).toContain("absolute");
|
expect(html).toContain("absolute");
|
||||||
expect(html).toContain("bg-sidebar-background");
|
expect(html).toContain("bg-sidebar-background");
|
||||||
expect(html).toContain("object-cover");
|
expect(html).toContain("object-cover");
|
||||||
expect(html).toContain("%2Fimages%2Fsplash%2Fpic-bg-home.png");
|
expect(html).toContain("%2Fimages%2Fcover%2Felio.png");
|
||||||
});
|
});
|
||||||
|
|
||||||
it("renders SplashContent with Tailwind typography classes", () => {
|
it("renders SplashContent with Tailwind typography classes", () => {
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
*
|
*
|
||||||
*
|
*
|
||||||
* `SizedBox.expand(child: Assets.images.picBgHome.image(fit: BoxFit.cover))`
|
* `SizedBox.expand(child: Assets.images.picBgHome.image(fit: BoxFit.cover))`
|
||||||
* 资源: /public/images/splash/pic-bg-home.png (kebab-case 重命名后)
|
* 资源: /public/images/cover/elio.png
|
||||||
* 原名: pic_bg_home.png (snake_case)
|
* 原名: pic_bg_home.png (snake_case)
|
||||||
*
|
*
|
||||||
* sizes 属性说明:
|
* sizes 属性说明:
|
||||||
@@ -17,7 +17,7 @@ export function SplashBackground() {
|
|||||||
return (
|
return (
|
||||||
<div className="absolute inset-0 z-0 overflow-hidden bg-sidebar-background">
|
<div className="absolute inset-0 z-0 overflow-hidden bg-sidebar-background">
|
||||||
<Image
|
<Image
|
||||||
src="/images/splash/pic-bg-home.png"
|
src="/images/cover/elio.png"
|
||||||
alt=""
|
alt=""
|
||||||
fill
|
fill
|
||||||
priority
|
priority
|
||||||
|
|||||||
@@ -26,7 +26,7 @@
|
|||||||
height: 330px;
|
height: 330px;
|
||||||
background:
|
background:
|
||||||
linear-gradient(180deg, rgba(255, 242, 232, 0.3), #fff2e8 96%),
|
linear-gradient(180deg, rgba(255, 242, 232, 0.3), #fff2e8 96%),
|
||||||
url("/images/splash/pic-bg-home.png") center 18% / cover no-repeat;
|
url("/images/cover/elio.png") center 18% / cover no-repeat;
|
||||||
opacity: 0.36;
|
opacity: 0.36;
|
||||||
filter: saturate(0.95) blur(0.2px);
|
filter: saturate(0.95) blur(0.2px);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user