fix: ensure consistent reading progress bar thickness in large cards

- Add minHeight property to ReadingProgressBar container and inner div
- Ensure empty progress bar maintains same 3px height as filled progress bar
- Fix visual consistency between empty and filled reading progress states
- Maintain proper visual separator thickness in large card view
This commit is contained in:
Gigi
2025-10-25 01:55:37 +02:00
parent 51842f55bf
commit 708a1bfd54

View File

@@ -40,7 +40,8 @@ export const ReadingProgressBar: React.FC<ReadingProgressBarProps> = ({
marginTop,
marginBottom,
marginLeft,
position: 'relative'
position: 'relative',
minHeight: `${height}px`
}}
>
<div
@@ -48,7 +49,8 @@ export const ReadingProgressBar: React.FC<ReadingProgressBarProps> = ({
height: '100%',
width: progressWidth,
background: progressBackground,
transition: 'width 0.3s ease, background 0.3s ease'
transition: 'width 0.3s ease, background 0.3s ease',
minHeight: `${height}px`
}}
/>
</div>