rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Visual improvements for mobile

Browse Source
This commit is contained in:
maver
2023-06-22 20:23:14 +02:00
parent 312b02c36e
commit 6674a0a974
2 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/css/promptmanager.css
View File

@ -56,7 +56,6 @@
align-items: center; align-items: center;
padding: 0.5em; padding: 0.5em;
border: 1px solid var(--white30a); border: 1px solid var(--white30a);
border-radius: 10px;
} }
#openai_prompt_manager #openai_prompt_manager_list li.openai_prompt_manager_prompt .prompt_manager_prompt_controls { #openai_prompt_manager #openai_prompt_manager_list li.openai_prompt_manager_prompt .prompt_manager_prompt_controls {
@ -88,6 +87,12 @@
margin-top:1em; margin-top:1em;
} }
#openai_prompt_manager_popup #openai_prompt_manager_popup_entry_form_footer #openai_prompt_manager_popup_entry_form_close,
#openai_prompt_manager_popup #openai_prompt_manager_popup_entry_form_footer #openai_prompt_manager_popup_entry_form_save {
font-size: 1.25em;
padding: 0.5em;
}
#openai_prompt_manager_popup .openai_prompt_manager_popup_entry_form_control #openai_prompt_manager_popup_entry_form_prompt { #openai_prompt_manager_popup .openai_prompt_manager_popup_entry_form_control #openai_prompt_manager_popup_entry_form_prompt {
min-height: 200px; min-height: 200px;
} }
@ -102,10 +107,17 @@
cursor: grab; cursor: grab;
} }
#openai_prompt_manager #openai_prompt_manager_list .openai_prompt_manager_prompt_disabled { #openai_prompt_manager #openai_prompt_manager_list .openai_prompt_manager_prompt_name {
color: var(--white30a); white-space: nowrap;
overflow: hidden;
}
#openai_prompt_manager #openai_prompt_manager_list .openai_prompt_manager_prompt.openai_prompt_manager_prompt_disabled {
border: 1px solid var(--white20a); border: 1px solid var(--white20a);
border-radius: 10px; }
#openai_prompt_manager #openai_prompt_manager_list .openai_prompt_manager_prompt_disabled .openai_prompt_manager_prompt_name {
color: var(--white30a);
} }
#openai_prompt_manager #openai_prompt_manager_list li.openai_prompt_manager_prompt .mes_edit { #openai_prompt_manager #openai_prompt_manager_list li.openai_prompt_manager_prompt .mes_edit {
@ -186,3 +198,13 @@
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
background-color: #000; background-color: #000;
} }
@media screen and (max-width: 412px) {
#openai_prompt_manager #openai_prompt_manager_list {
font-size: 1.25em !important;
}
#openai_prompt_manager #openai_prompt_manager_list li.openai_prompt_manager_prompt span span span {
margin-left: 0.5em;
}
}

4
public/scripts/PromptManager.js
View File

@ -745,9 +745,9 @@ PromptManagerModule.prototype.renderPromptManagerListItems = function () {
listItemHtml += ` listItemHtml += `
<li class="${prefix}prompt_manager_prompt ${draggableClass} ${enabledClass} ${markerClass}" draggable="${draggableEnabled}" data-pm-identifier="${prompt.identifier}"> <li class="${prefix}prompt_manager_prompt ${draggableClass} ${enabledClass} ${markerClass}" draggable="${draggableEnabled}" data-pm-identifier="${prompt.identifier}">
<span data-pm-name="${prompt.name}"> <span class="${prefix}prompt_manager_prompt_name" data-pm-name="${prompt.name}">
${prompt.marker ? '<span class="fa-solid fa-thumb-tack"></span>' : ''} ${prompt.marker ? '<span class="fa-solid fa-thumb-tack"></span>' : ''}
<span>${prompt.name}</span> ${prompt.name}
</span> </span>
${prompt.marker ? '<span></span>' : ` ${prompt.marker ? '<span></span>' : `
<span> <span>