5UP3RB/actaeon
1
0
Fork 0
forked from sk1982/actaeon
Code Pull Requests Activity

fix: dont use backdrop blur on firefox

Browse Source
This commit is contained in:
sk1982 2024-04-07 22:13:05 -04:00
parent c658d3496d
commit 890ca6dc2d
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(with-header)/chuni/music/music-list.tsx
View File

@ -86,7 +86,7 @@ const MusicGrid = ({ music, size, setMusicList, fullMusicList }: ChuniMusicListP
<Link href={`/chuni/music/${item.songId}`}>
<img src={getJacketUrl(`chuni/jacket/${item.jacketPath}`)} alt={item.title ?? 'Music'} className="rounded" />
</Link>
{item.rating && !item.worldsEndTag && <div className={`${size === 'lg' ? 'text-2xl' : ''} absolute bottom-0.5 left-0.5 bg-gray-200/60 backdrop-blur-sm px-0.5 rounded`}>
{item.rating && !item.worldsEndTag && <div className={`${size === 'lg' ? 'text-2xl' : ''} absolute bottom-0.5 left-0.5 bg-gray-200/60 backdrop-blur-sm moz-no-backdrop-blur px-0.5 rounded`}>
<ChuniRating rating={+item.rating * 100} className="-my-0.5">
{item.rating.slice(0, item.rating.indexOf('.') + 3)}
</ChuniRating>

5
src/app/globals.scss
View File

@ -45,6 +45,11 @@ $header-height: 5.5rem;
background-color: black;
}
@supports (-moz-appearance:none) {
.moz-no-backdrop-blur {
--tw-backdrop-blur: initial !important;
}
}
@layer base {
:root {