MiaoStars/cloudreve-assets
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change textfield's theme

Browse Source
This commit is contained in:
Leonmmcoset
2025-10-19 22:28:27 +08:00
parent 8bfc183b66
commit 7b8f6c02e9
6 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/component/Admin/Settings/Appearance/ThemeOptionEditDialog.tsx
View File

@@ -163,7 +163,7 @@ const ThemeOptionEditDialog = ({ open, onClose, id, config, onSave }: ThemeOptio
label={t("settings.previewTitle")} label={t("settings.previewTitle")}
icon={<Setting fontSize="small" color="action" />} icon={<Setting fontSize="small" color="action" />}
/> />
<TextField label={t("settings.previewTextField")} variant="outlined" size="small" /> <TextField label={t("settings.previewTextField")} variant="filled" size="small" />
<Box> <Box>
<Badge badgeContent={10} color="secondary"> <Badge badgeContent={10} color="secondary">
<Button variant="contained" color="primary"> <Button variant="contained" color="primary">
@@ -195,7 +195,7 @@ const ThemeOptionEditDialog = ({ open, onClose, id, config, onSave }: ThemeOptio
label={t("settings.previewTitle")} label={t("settings.previewTitle")}
icon={<Setting fontSize="small" color="action" />} icon={<Setting fontSize="small" color="action" />}
/> />
<TextField label={t("settings.previewTextField")} variant="outlined" size="small" /> <TextField label={t("settings.previewTextField")} variant="filled" size="small" />
<Box> <Box>
<Badge badgeContent={10} color="secondary"> <Badge badgeContent={10} color="secondary">
<Button variant="contained" color="primary"> <Button variant="contained" color="primary">

2
src/component/Common/Captcha/DefaultCaptcha.tsx
View File

@@ -41,7 +41,7 @@ const DefaultCaptcha = ({ onStateChange, generation, noLabel, ...rest }: Default
pr: 0.5, pr: 0.5,
}, },
}} }}
variant={"outlined"} variant={"filled"}
label={noLabel ? undefined : t("login.captcha")} label={noLabel ? undefined : t("login.captcha")}
onChange={(e) => setCaptcha(e.target.value)} onChange={(e) => setCaptcha(e.target.value)}
value={captcha} value={captcha}

1
src/component/Common/Form/OutlineIconTextField.tsx
View File

@@ -10,6 +10,7 @@ export const OutlineIconTextField = ({ icon, ...rest }: OutlineIconTextFieldProp
return ( return (
<TextField <TextField
{...rest} {...rest}
variant="filled"
slotProps={{ slotProps={{
input: { input: {
startAdornment: !isMobile && <InputAdornment position="start">{icon}</InputAdornment>, startAdornment: !isMobile && <InputAdornment position="start">{icon}</InputAdornment>,

2
src/component/FileManager/Dialogs/DirectLinks.tsx
View File

@@ -115,7 +115,7 @@ const DirectLinks = () => {
label={t("modals.sourceLink")} label={t("modals.sourceLink")}
multiline multiline
value={contents} value={contents}
variant="outlined" variant="filled"
fullWidth fullWidth
slotProps={{ slotProps={{
htmlInput: { readonly: true }, htmlInput: { readonly: true },

6
src/component/FileManager/Dialogs/Share/ShareSetting.tsx
View File

@@ -187,7 +187,7 @@ const ShareSettingContent = ({ setting, file, editing, onSettingChange }: ShareS
}, },
}} }}
value={setting.password ?? ""} value={setting.password ?? ""}
onChange={(e) => { onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
const value = e.target.value.trim(); const value = e.target.value.trim();
if (!/^[a-zA-Z0-9]*$/.test(value) || value.length > 32) return; if (!/^[a-zA-Z0-9]*$/.test(value) || value.length > 32) return;
onSettingChange({ ...setting, password: value }); onSettingChange({ ...setting, password: value });
@@ -292,7 +292,7 @@ const ShareSettingContent = ({ setting, file, editing, onSettingChange }: ShareS
getOptionLabel={(option: string | valueOption) => (typeof option === "string" ? option : t(option.label))} getOptionLabel={(option: string | valueOption) => (typeof option === "string" ? option : t(option.label))}
disableClearable disableClearable
options={expireOptions} options={expireOptions}
renderInput={(params) => <TextField sx={{ width: 150 }} {...params} variant={"standard"} />} renderInput={(params) => <TextField sx={{ width: 150 }} {...params} variant={"filled"} />}
/> />
</FormControl> </FormControl>
<Typography>{t("application:modals.expireSuffix")}</Typography> <Typography>{t("application:modals.expireSuffix")}</Typography>
@@ -368,7 +368,7 @@ const ShareSettingContent = ({ setting, file, editing, onSettingChange }: ShareS
} }
disableClearable disableClearable
options={downloadOptions} options={downloadOptions}
renderInput={(params) => <TextField sx={{ width: 200 }} {...params} variant={"standard"} />} renderInput={(params) => <TextField sx={{ width: 200 }} {...params} variant={"filled"} />}
/> />
</FormControl> </FormControl>
<Typography>{t("application:modals.expireSuffix")}</Typography> <Typography>{t("application:modals.expireSuffix")}</Typography>

4
src/component/Pages/Tasks/DownloadFileList.tsx
View File

@@ -136,7 +136,7 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi
<Stack direction="row" spacing={1} sx={{ mb: 1 }}> <Stack direction="row" spacing={1} sx={{ mb: 1 }}>
<TextField <TextField
label={t("download.filterByName")} label={t("download.filterByName")}
variant="outlined" variant="filled"
size="small" size="small"
value={filterText} value={filterText}
onChange={(e) => setFilterText(e.target.value)} onChange={(e) => setFilterText(e.target.value)}
@@ -184,7 +184,7 @@ const DownloadFileList = ({ taskId, summary, downloading, readonly }: DownloadFi
<> <>
<TableCell component="th" scope="row" sx={{ height: 33, minWidth: 50 }}> <TableCell component="th" scope="row" sx={{ height: 33, minWidth: 50 }}>
<StyledCheckbox <StyledCheckbox
onChange={(e) => { onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
setFileSelected(value, e.target.checked); setFileSelected(value, e.target.checked);
}} }}
disabled={!downloading || readonly} disabled={!downloading || readonly}