From 0ea90c16dad071023e18d153ee4551b4304e3841 Mon Sep 17 00:00:00 2001 From: ucangun <149247682+ucangun@users.noreply.github.com> Date: Tue, 17 Sep 2024 15:29:57 +0200 Subject: [PATCH] "Updated Masonry component's backgroundImage gradient opacity and renamed BlogInitial interface to BlogSliceInitial" --- src/components/Masonry.tsx | 2 +- src/features/blogSlice.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Masonry.tsx b/src/components/Masonry.tsx index 8b60cc0..5920cad 100644 --- a/src/components/Masonry.tsx +++ b/src/components/Masonry.tsx @@ -25,7 +25,7 @@ export default function HomeMasonry({ firstThreeBlogs }: HomeMasonryProps) { key={blog._id} sx={{ height: heights[index] || 200, - backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(${blog.image})`, + backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(${blog.image})`, backgroundSize: "cover", backgroundPosition: "center", }} diff --git a/src/features/blogSlice.tsx b/src/features/blogSlice.tsx index 4e15afc..b7953e4 100644 --- a/src/features/blogSlice.tsx +++ b/src/features/blogSlice.tsx @@ -16,13 +16,13 @@ export interface BlogPost { __v: number; } -interface BlogInitial { +interface BlogSliceInitial { loading: boolean; error: boolean; blog: BlogPost[]; } -const initialState: BlogInitial = { +const initialState: BlogSliceInitial = { loading: false, error: false, blog: [],