Skip to content

Commit 844ef1c

Browse files
committed
style(player): adjust subtitle text styling and container padding
- unify margin for OriginalTextLine and TranslatedTextLine components - remove bilingual-specific margin in SubtitleContent - remove padding from ContentContainer in SubtitleOverlay - ensure consistent styling and spacing across components
1 parent c3228c3 commit 844ef1c

2 files changed

Lines changed: 1 addition & 8 deletions

File tree

src/renderer/src/pages/player/components/SubtitleContent.tsx

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -524,21 +524,15 @@ const OriginalTextLine = styled.div<{ $fontSize?: string }>`
524524
font-size: ${(props) => props.$fontSize || '16px'};
525525
font-weight: 600;
526526
text-shadow: var(--subtitle-text-shadow);
527-
margin-bottom: 0;
528527
transition: all var(--subtitle-transition-duration);
529-
530-
/* 在双语模式下添加间距 */
531-
&.bilingual {
532-
margin-bottom: 8px;
533-
}
528+
margin: 4px;
534529
`
535530

536531
const TranslatedTextLine = styled.div<{ $fontSize?: string }>`
537532
font-size: ${(props) => props.$fontSize || '15px'};
538533
font-weight: 500;
539534
opacity: 0.95;
540535
text-shadow: var(--subtitle-text-shadow);
541-
margin-top: 0;
542536
transition: all var(--subtitle-transition-duration);
543537
`
544538

src/renderer/src/pages/player/components/SubtitleOverlay.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1000,7 +1000,6 @@ const ContentContainer = styled.div<{
10001000
display: flex;
10011001
align-items: center;
10021002
justify-content: center;
1003-
padding: 12px 16px;
10041003
border-radius: 8px;
10051004
box-sizing: border-box;
10061005
position: relative;

0 commit comments

Comments
 (0)