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={{ sx={{
cursor: 'pointer', cursor: 'pointer',
'&:hover': { color: 'primary.main' }, '&:hover': { color: 'primary.main' },
maxWidth: { xs: '120px', sm: 'none' }, maxWidth: { xs: '180px', sm: 'none' },
overflow: 'hidden', overflow: 'hidden',
textOverflow: 'ellipsis', textOverflow: 'ellipsis',
whiteSpace: 'nowrap' 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} {...params}
variant="standard" variant="standard"
placeholder={tagsArray.length === 0 ? (t('tags') || 'Tags') : ''} placeholder={tagsArray.length === 0 ? (t('tags') || 'Tags') : ''}
sx={{ minWidth: 200 }} sx={{ minWidth: 300 , width: 'auto', display: 'inline-flex' }}
slotProps={{ slotProps={{
input: { input: {
...params.InputProps, ...params.InputProps,
disableUnderline: true, disableUnderline: true,
readOnly: true readOnly: true,
endAdornment: null
} }
}} }}
/> />
)} )}
sx={{ flexGrow: 1 }} sx={{ width: 'auto', display: 'inline-flex' }}
/> />
</Box> </Box>
); );

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

@@ -230,9 +230,11 @@ export const en = {
retry: "Retry", retry: "Retry",
resetPassword: "Reset Password", resetPassword: "Reset Password",
resetPasswordTitle: "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", 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.", waitTimeMessage: "Please wait {time} before trying again.",
tooManyAttempts: "Too many failed attempts.", tooManyAttempts: "Too many failed attempts.",
linkCopied: "Link copied to clipboard", linkCopied: "Link copied to clipboard",
@@ -461,13 +463,15 @@ export const en = {
hide: "Hide", hide: "Hide",
reset: "Reset", reset: "Reset",
more: "More", more: "More",
proxyOnlyApplyToYoutube: 'Proxy only apply to Youtube', proxyOnlyApplyToYoutube: "Proxy only apply to Youtube",
moveSubtitlesToVideoFolder: 'Subtitles Location', moveSubtitlesToVideoFolder: "Subtitles Location",
moveSubtitlesToVideoFolderOn: 'With video together', moveSubtitlesToVideoFolderOn: "With video together",
moveSubtitlesToVideoFolderOff: 'In isolated subtitle folder', 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.', moveSubtitlesToVideoFolderDescription:
moveThumbnailsToVideoFolder: 'Thumbnail Location', "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.",
moveThumbnailsToVideoFolderOn: 'With video together', moveThumbnailsToVideoFolder: "Thumbnail Location",
moveThumbnailsToVideoFolderOff: 'In isolated images folder', moveThumbnailsToVideoFolderOn: "With video together",
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.', 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.",
}; };