julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance UI components with backdrop blur effects and improved background styles for better visual aesthetics

Browse Source
This commit is contained in:
Julien Froidefond
2025-10-17 11:09:07 +02:00
parent 8d6f8f4de7
commit faca1cdce6
44 changed files with 112 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/home/HeroSection.tsx
View File

@@ -30,7 +30,7 @@ export function HeroSection({ series }: HeroSectionProps) {
{series?.map((series) => (
<div
key={series.id}
className="relative aspect-[2/3] bg-muted rounded-lg overflow-hidden"
className="relative aspect-[2/3] bg-muted/80 backdrop-blur-md rounded-lg overflow-hidden"
>
<SeriesCover
series={series as KomgaSeries}
@@ -42,7 +42,7 @@ export function HeroSection({ series }: HeroSectionProps) {
</div>
{/* Overlay gradient */}
<div className="absolute inset-0 bg-gradient-to-b from-background/50 to-background" />
<div className="absolute inset-0 bg-gradient-to-b from-background/70 to-background backdrop-blur-sm" />
{/* Contenu */}
<div className="relative h-full container flex flex-col items-center justify-center text-center space-y-2 sm:space-y-4">