Convert CSS to responsive units and fix button scaling

- Convert font-size from px to rem for better accessibility
- Convert padding/margin/gap from px to em for responsive scaling
- Convert width/height/position values to rem
- Convert letter-spacing and transforms to responsive units
- Keep shadows, small borders (1-3px), and media queries as px
- Fix buttons (Manual Update & Settings) to use 100% width and 2.5rem height
- Fix TypeScript error: add missing id property to regexScript object
This commit is contained in:
Spicy_Marinara
2025-10-15 13:05:24 +02:00
parent f21d6030aa
commit a5d39f4245
2 changed files with 357 additions and 358 deletions
+12 -13
View File
@@ -620,8 +620,8 @@ async function sendPlotProgression(type) {
// This will be used by onMessageReceived to clear the prompt after generation completes // This will be used by onMessageReceived to clear the prompt after generation completes
isPlotProgression = true; isPlotProgression = true;
console.log('[RPG Companion] Calling Generate with continuation and plot prompt'); // console.log('[RPG Companion] Calling Generate with continuation and plot prompt');
console.log('[RPG Companion] Full prompt:', prompt); // console.log('[RPG Companion] Full prompt:', prompt);
// Pass the prompt via options with the correct property name // Pass the prompt via options with the correct property name
// Based on /continue slash command implementation, it uses quiet_prompt (underscore, not camelCase) // Based on /continue slash command implementation, it uses quiet_prompt (underscore, not camelCase)
@@ -3457,8 +3457,18 @@ async function ensureHtmlCleaningRegex() {
return; return;
} }
// Generate a UUID for the script
const uuidv4 = () => {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
const r = Math.random() * 16 | 0;
const v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
};
// Create the regex script object based on the attached file // Create the regex script object based on the attached file
const regexScript = { const regexScript = {
id: uuidv4(),
scriptName: scriptName, scriptName: scriptName,
findRegex: '/\\s?<(?!\\!--)(?:\"[^\"]*\"|\'[^\']*\'|[^\'\">])*>/g', findRegex: '/\\s?<(?!\\!--)(?:\"[^\"]*\"|\'[^\']*\'|[^\'\">])*>/g',
replaceString: '', replaceString: '',
@@ -3473,17 +3483,6 @@ async function ensureHtmlCleaningRegex() {
maxDepth: null maxDepth: null
}; };
// Generate a UUID for the script
const uuidv4 = () => {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
const r = Math.random() * 16 | 0;
const v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
};
regexScript.id = uuidv4();
// Add to global regex scripts // Add to global regex scripts
if (!Array.isArray(st_extension_settings.regex)) { if (!Array.isArray(st_extension_settings.regex)) {
st_extension_settings.regex = []; st_extension_settings.regex = [];
+345 -345
View File
File diff suppressed because it is too large Load Diff