fix: align progress bar to start at title position

- Add padding-left to progress bar container to offset it to title position
- Remove margin from inner fill
- Progress bar now visually starts where the title starts, not at the icon
This commit is contained in:
Gigi
2025-10-19 22:52:32 +02:00
parent b9642067a1
commit e1c04b4e7f

View File

@@ -81,7 +81,8 @@ export const CompactView: React.FC<CompactViewProps> = ({
width: '100%',
background: 'var(--color-border)',
overflow: 'hidden',
margin: '0'
margin: '0',
paddingLeft: '1.85rem'
}}
>
<div
@@ -89,8 +90,7 @@ export const CompactView: React.FC<CompactViewProps> = ({
height: '100%',
width: `${Math.round(readingProgress * 100)}%`,
background: progressColor,
transition: 'width 0.3s ease, background 0.3s ease',
marginLeft: '1.85rem'
transition: 'width 0.3s ease, background 0.3s ease'
}}
/>
</div>