Skip to content

Commit 21a93c7

Browse files
committed
fix: audio cover style
1 parent 7db73d1 commit 21a93c7

File tree

1 file changed

+13
-2
lines changed

1 file changed

+13
-2
lines changed

apps/renderer/src/modules/entry-column/templates/list-item-template.tsx

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,7 @@ export function ListItem({
160160
size={settingWideMode ? 65 : 80}
161161
className="m-0 rounded"
162162
useMedia
163+
noMargin
163164
/>
164165
}
165166
/>
@@ -252,8 +253,18 @@ function AudioCover({
252253

253254
{!!estimatedMins && (
254255
<div className="absolute bottom-0 w-full overflow-hidden rounded-b-sm text-center ">
255-
<div className="absolute left-0 top-0 size-full bg-white/50 opacity-0 duration-200 group-hover:opacity-100 dark:bg-neutral-900/70" />
256-
<div className="text-[13px] opacity-0 backdrop-blur-none duration-200 group-hover:opacity-100 group-hover:backdrop-blur-sm">
256+
<div
257+
className={cn(
258+
"absolute left-0 top-0 size-full bg-white/50 opacity-0 duration-200 group-hover:opacity-100 dark:bg-neutral-900/70",
259+
isMobile && "opacity-100",
260+
)}
261+
/>
262+
<div
263+
className={cn(
264+
"text-[13px] opacity-0 backdrop-blur-none duration-200 group-hover:opacity-100 group-hover:backdrop-blur-sm",
265+
isMobile && "opacity-100 backdrop-blur-sm",
266+
)}
267+
>
257268
{formatEstimatedMins(estimatedMins)}
258269
</div>
259270
</div>

0 commit comments

Comments
 (0)