davidl/MyTube
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Update styles for VideoAuthorInfo and VideoTags

Browse Source
This commit is contained in:
Peifan Li
2025-12-16 21:40:28 -05:00
parent 422701b1e3
commit 22d625bd37
3 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/VideoPlayer/VideoInfo/VideoAuthorInfo.tsx
View File

@@ -68,7 +68,7 @@ const VideoAuthorInfo: React.FC<VideoAuthorInfoProps> = ({
sx={{
cursor: 'pointer',
'&:hover': { color: 'primary.main' },
maxWidth: { xs: '120px', sm: 'none' },
maxWidth: { xs: '180px', sm: 'none' },
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'

7
frontend/src/components/VideoPlayer/VideoInfo/VideoTags.tsx
View File

@@ -60,17 +60,18 @@ const VideoTags: React.FC<VideoTagsProps> = ({ tags, availableTags, onTagsUpdate
{...params}
variant="standard"
placeholder={tagsArray.length === 0 ? (t('tags') || 'Tags') : ''}
sx={{ minWidth: 200 }}
sx={{ minWidth: 300 , width: 'auto', display: 'inline-flex' }}
slotProps={{
input: {
...params.InputProps,
disableUnderline: true,
readOnly: true
readOnly: true,
endAdornment: null
}
}}
/>
)}
sx={{ flexGrow: 1 }}
sx={{ width: 'auto', display: 'inline-flex' }}
/>
</Box>
);

26
frontend/src/utils/locales/en.ts
View File

@@ -230,9 +230,11 @@ export const en = {
retry: "Retry",
resetPassword: "Reset Password",
resetPasswordTitle: "Reset Password",
resetPasswordMessage: "Are you sure you want to reset the password? The current password will be reset to a random 8-character string and displayed in the backend log.",
resetPasswordMessage:
"Are you sure you want to reset the password? The current password will be reset to a random 8-character string and displayed in the backend log.",
resetPasswordConfirm: "Reset",
resetPasswordSuccess: "Password has been reset. Check backend logs for the new password.",
resetPasswordSuccess:
"Password has been reset. Check backend logs for the new password.",
waitTimeMessage: "Please wait {time} before trying again.",
tooManyAttempts: "Too many failed attempts.",
linkCopied: "Link copied to clipboard",
@@ -461,13 +463,15 @@ export const en = {
hide: "Hide",
reset: "Reset",
more: "More",
proxyOnlyApplyToYoutube: 'Proxy only apply to Youtube',
moveSubtitlesToVideoFolder: 'Subtitles Location',
moveSubtitlesToVideoFolderOn: 'With video together',
moveSubtitlesToVideoFolderOff: 'In isolated subtitle folder',
moveSubtitlesToVideoFolderDescription: 'When enabled, subtitle files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated subtitle folder.',
moveThumbnailsToVideoFolder: 'Thumbnail Location',
moveThumbnailsToVideoFolderOn: 'With video together',
moveThumbnailsToVideoFolderOff: 'In isolated images folder',
moveThumbnailsToVideoFolderDescription: 'When enabled, thumbnail files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated images folder.',
proxyOnlyApplyToYoutube: "Proxy only apply to Youtube",
moveSubtitlesToVideoFolder: "Subtitles Location",
moveSubtitlesToVideoFolderOn: "With video together",
moveSubtitlesToVideoFolderOff: "In isolated subtitle folder",
moveSubtitlesToVideoFolderDescription:
"When enabled, subtitle files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated subtitle folder.",
moveThumbnailsToVideoFolder: "Thumbnail Location",
moveThumbnailsToVideoFolderOn: "With video together",
moveThumbnailsToVideoFolderOff: "In isolated images folder",
moveThumbnailsToVideoFolderDescription:
"When enabled, thumbnail files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated images folder.",
};