every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Refactor] MessageFormats: Improve reusability of setting container templates.

Browse Source
This commit is contained in:
Sakamoto Shiina
2025-11-10 23:07:17 +09:00
parent 5d15b47b3e
commit 3612f2cb80
2 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx
View File

@@ -155,13 +155,17 @@ export const DownloadModelsContainer = (props) => (
export const MessageFormatContainer = (props) => { export const MessageFormatContainer = (props) => {
return ( return (
<div className={clsx(styles.container, styles.flex_column)}> <>
<div className={styles.label_only_section}> <CommonContainer
<LabelComponent label={props.label} desc={props.desc} /> remove_border_bottom={true}
</div> label_type="label_only"
<div className={styles.message_format_section}> {...props}
<MessageFormat {...props}/> />
</div> <CommonContainer
</div> Component={MessageFormat}
label_type="no_label"
{...props}
/>
</>
); );
}; };

8
src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.module.scss
View File

@@ -19,10 +19,6 @@
} }
} }
.label_only_section {
width: 100%;
}
.deepl_auth_key_label_section { .deepl_auth_key_label_section {
max-width: 34rem; max-width: 34rem;
display: flex; display: flex;
@@ -30,8 +26,4 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
gap: 1.4rem; gap: 1.4rem;
}
.message_format_section {
width: 100%;
} }