style: added blur to background images

Author: geolffreym

src/components/carousel/carousel-section.tsx

@@ -17,7 +17,7 @@ export const CarouselSection: FC<PropsWithChildren<CarouselSectionProps>> = ({
   children,
 }) => (
   <Card>
-    <CardHeader title={title} sx={{ px: '50px', fontSize: 'clamp(2rem, 1vw, 3rem)' }} />
+    {/* <CardHeader title={title} sx={{ px: '50px', fontSize: 'clamp(2rem, 1vw, 3rem)' }} /> */}
     <CardContent sx={{ px: '50px', pt: '1rem', pb: '0 !important' }}>{children}</CardContent>
   </Card>
 );

src/components/carousel/variants/carousel-main.tsx

@@ -214,7 +214,7 @@ function CarouselItem({ post }: Readonly<CarouselItemProps>) {
               }}
             >
               <IconFlagFilled style={{ marginRight: '4px' }} size={22} color="#FFFFFF" />
-              Add watchlist
+              Add Watchlist
             </Button>
           </Stack>
         </m.div>

src/components/carousel/variants/carousel-mixed.tsx

@@ -108,7 +108,6 @@ export default function CarouselMixed({ data }: Props) {
                 genre: getMovieGenres(post).split(', '),
                 images: {
                   vertical: getMediaUri(getPosterCid(post)),
-                  horizontal: getMediaUri(getPosterHorizontalCid(post)),
                   wallpaper: getMediaUri(getWallpaperCid(post)),
                 },
                 likes: post?.stats?.upvotes ?? 0,
@@ -139,7 +138,6 @@ export default function CarouselMixed({ data }: Props) {
                 genre: getMovieGenres(post).split(', '),
                 images: {
                   vertical: getMediaUri(getPosterCid(post)),
-                  horizontal: getMediaUri(getPosterHorizontalCid(post)),
                   wallpaper: getMediaUri(getWallpaperCid(post)),
                 },
                 likes: post?.stats?.upvotes ?? 0,

src/components/carousel/variants/carousel-poster-horizontal.tsx

@@ -74,7 +74,6 @@ export default function CarouselPosterHorizontal({ data }: Props) {
                 genre={getMovieGenres(post).split(', ')}
                 images={{
                   vertical: getMediaUri(getPosterCid(post)),
-                  horizontal: getMediaUri(getPosterHorizontalCid(post)),
                   wallpaper: getMediaUri(getWallpaperCid(post)),
                 }}
                 likes={post?.stats?.upvotes ?? 0}

src/components/poster/variants/poster-top-titles.tsx

@@ -79,6 +79,7 @@ const PosterTopTitles = ({ post }: { post: any }) => {
           width: '100%',
           height: '100%',
           opacity: 0.2,
+          filter: "blur(5px) !important",
           backgroundSize: 'cover',
           backgroundPosition: 'center',
           backgroundRepeat: 'no-repeat',

src/layouts/_common/header-balance.tsx

@@ -45,9 +45,6 @@ export default function HeaderBalance() {
         <Typography variant="subtitle2" sx={{ textAlign: 'left' }} noWrap>
           {formatBalanceNumber(balance)}
         </Typography>
-        <Typography variant="caption" color="text.secondary" sx={{ ml: 1, mt: 0.6, fontSize: 10 }}>
-          MMC
-        </Typography>
       </Stack>
     </Button>
   );