admin/nexus-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Baobhan Sith
2025-04-19 10:27:30 +08:00
parent 62e39dc75c
commit 241eb7a812
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/StyleCustomizer.vue
+6 -6
View File
@@ -71,6 +71,7 @@ const initializeEditableState = () => {
try { try {
const themeObject = editableUiTheme.value; const themeObject = editableUiTheme.value;
if (themeObject && typeof themeObject === 'object' && Object.keys(themeObject).length > 0) { if (themeObject && typeof themeObject === 'object' && Object.keys(themeObject).length > 0) {
// Format without leading spaces
const lines = Object.entries(themeObject).map(([key, value]) => `${key}: ${value}`); const lines = Object.entries(themeObject).map(([key, value]) => `${key}: ${value}`);
editableUiThemeString.value = lines.join('\n'); editableUiThemeString.value = lines.join('\n');
} else { } else {
@@ -164,8 +165,8 @@ const formattedEditableUiThemeJson = computed(() => {
// Generate key-value pairs, indented, one per line // Generate key-value pairs, indented, one per line
// Generate key-value pairs, indented, one per line, without quotes for easier editing // Generate key-value pairs, indented, one per line, without quotes for easier editing
const lines = Object.entries(themeObject).map(([key, value]) => { const lines = Object.entries(themeObject).map(([key, value]) => {
// Output key and value directly // Output key and value directly without leading spaces
return ` ${key}: ${value}`; // Add indentation return `${key}: ${value}`;
}); });
// Join with newline // Join with newline
return lines.join('\n'); return lines.join('\n');
@@ -884,16 +885,13 @@ const formatXtermLabel = (key: keyof ITheme): string => {
/* Special class for full-width elements like textarea */ /* Special class for full-width elements like textarea */
.form-group.full-width-group, .error-message.full-width-group { .form-group.full-width-group, .error-message.full-width-group {
grid-column: 1 / -1; /* Span all columns */ grid-column: 1 / -1; /* Span all columns */
grid-template-columns: 1fr; /* Single column layout */
gap: calc(var(--base-margin) / 2); /* Smaller gap for label/textarea */ gap: calc(var(--base-margin) / 2); /* Smaller gap for label/textarea */
} }
.form-group.full-width-group label:not(.sr-only) { /* Adjust label if not screen-reader only */ .form-group.full-width-group label:not(.sr-only) { /* Adjust label if not screen-reader only */
grid-column: 1 / 2; /* Ensure label stays in its place if visible */ grid-column: 1 / 2; /* Ensure label stays in its place if visible */
margin-bottom: calc(var(--base-margin) / 3); margin-bottom: calc(var(--base-margin) / 3);
} }
.form-group.full-width-group textarea {
grid-column: 1 / 2; /* Ensure textarea stays in its place */
}
/* Adjust grid for rows without a third element (like inline buttons) */ /* Adjust grid for rows without a third element (like inline buttons) */
.form-group > *:nth-child(2):last-child { .form-group > *:nth-child(2):last-child {
grid-column: 2 / 4; /* Let the second element span if it's the last */ grid-column: 2 / 4; /* Let the second element span if it's the last */
@@ -1003,6 +1001,8 @@ section[v-if*="isEditingTheme"] .form-group {
resize: vertical; resize: vertical;
min-height: 200px; /* Ensure decent minimum height */ min-height: 200px; /* Ensure decent minimum height */
box-sizing: border-box; box-sizing: border-box;
white-space: pre-wrap; /* 确保换行符和空格被保留，并允许文本换行 */
overflow-wrap: break-word; /* 确保长单词在需要时能断开 */
transition: border-color 0.2s ease, box-shadow 0.2s ease; transition: border-color 0.2s ease, box-shadow 0.2s ease;
} }
.json-textarea:focus { .json-textarea:focus {