Refactor persona panel with headings

82422b45002b1c93f153acecf904357dbd8e19e6

Wolfsblvt <wolfsblvt@gmail.com>

Parents: 4322197aba621eb22dadbc0571a96add8176ae5b
1 files changed, +15 -6Showing whitespace changes
public/index.html+15 -6
@@ -4892,7 +4892,7 @@
4892 </div>4892 </div>
4893 </div>4893 </div>
4894 <div id="persona-management-block" class="flex-container wide100p flexGap10">4894 <div id="persona-management-block" class="flex-container wide100p flexGap10">
4895 <div class="flex1 overflowHidden wide100p">4895 <div class="persona_management_left_column flex1 overflowHidden wide100p">
4896 <div class="flex-container marginBot10 alignitemscenter">4896 <div class="flex-container marginBot10 alignitemscenter">
4897 <div id="create_dummy_persona" class="menu_button menu_button_icon" title="Create a dummy persona" data-i18n="[title]Create a dummy persona">4897 <div id="create_dummy_persona" class="menu_button menu_button_icon" title="Create a dummy persona" data-i18n="[title]Create a dummy persona">
4898 <i class="fa-solid fa-person-circle-question fa-fw"></i>4898 <i class="fa-solid fa-person-circle-question fa-fw"></i>
@@ -4915,7 +4915,10 @@
4915 <input type="hidden" id="avatar_upload_overwrite" name="overwrite_name" value="">4915 <input type="hidden" id="avatar_upload_overwrite" name="overwrite_name" value="">
4916 </form>4916 </form>
4917 </div>4917 </div>
4918 <div class="flex1">4918 <div class="persona_management_right_column flex1">
4919 <div class="persona_management_current_persona">
4920 <h4 class="standoutHeader" data-i18n="Current Persona">Current Persona</h4>
4921
4919 <h4 data-i18n="Name">Name</h4>4922 <h4 data-i18n="Name">Name</h4>
4920 <div class="change_name">4923 <div class="change_name">
4921 <input id="your_name" name="your_name" data-i18n="[placeholder]Enter your name" placeholder="Enter your name" class="text_pole wide100p" value="" autocomplete="off">4924 <input id="your_name" name="your_name" data-i18n="[placeholder]Enter your name" placeholder="Enter your name" class="text_pole wide100p" value="" autocomplete="off">
@@ -4928,13 +4931,18 @@
4928 <div id="persona_lore_button" class="menu_button fa-solid fa-globe" title="Persona Lore&#10;Alt+Click to open the lorebook" data-i18n="[title]Persona Lore Alt+Click to open the lorebook">4931 <div id="persona_lore_button" class="menu_button fa-solid fa-globe" title="Persona Lore&#10;Alt+Click to open the lorebook" data-i18n="[title]Persona Lore Alt+Click to open the lorebook">
4929 </div>4932 </div>
4930 </div>4933 </div>
4931 <div>4934
4932 <h4 data-i18n="Persona Description">Persona Description</h4>4935 <h4 data-i18n="Persona Description">Persona Description</h4>
4933 <textarea id="persona_description" name="persona_description" data-i18n="[placeholder]Example: [{{user}} is a 28-year-old Romanian cat girl.]" placeholder="Example:&#10;[{{user}} is a 28-year-old Romanian cat girl.]" class="text_pole textarea_compact" value="" autocomplete="off" rows="8"></textarea>4936 <textarea id="persona_description" name="persona_description" data-i18n="[placeholder]Example: [{{user}} is a 28-year-old Romanian cat girl.]" placeholder="Example:&#10;[{{user}} is a 28-year-old Romanian cat girl.]" class="text_pole textarea_compact" value="" autocomplete="off" rows="8"></textarea>
4934 <div class="extension_token_counter">4937 <div class="extension_token_counter">
4935 <span data-i18n="Tokens persona description">Tokens</span>: <span id="persona_description_token_count">0</span>4938 <span data-i18n="Tokens persona description">Tokens</span>: <span id="persona_description_token_count">0</span>
4936 </div>4939 </div>
4937 <div>4940 </div>
4941
4942 <div class="persona_management_global_settings">
4943 <h4 class="standoutHeader" data-i18n="Global Settings">Global Settings</h4>
4944
4945 <div class="persona_management_description_position_container">
4938 <label for="persona_description_position" data-i18n="Position:">Position:</label>4946 <label for="persona_description_position" data-i18n="Position:">Position:</label>
4939 <select id="persona_description_position">4947 <select id="persona_description_position">
4940 <option value="9" data-i18n="None (disabled)">None (disabled)</option>4948 <option value="9" data-i18n="None (disabled)">None (disabled)</option>
@@ -4958,8 +4966,8 @@
4958 </div>4966 </div>
4959 </div>4967 </div>
4960 </div>4968 </div>
4961 </div>4969
4962 <div class="range-block">4970 <div class="persona_management_show_notifications range-block">
4963 <label for="persona_show_notifications" class="checkbox_label">4971 <label for="persona_show_notifications" class="checkbox_label">
4964 <input id="persona_show_notifications" type="checkbox" />4972 <input id="persona_show_notifications" type="checkbox" />
4965 <span data-i18n="Show notifications on switching personas">4973 <span data-i18n="Show notifications on switching personas">
@@ -4972,6 +4980,7 @@
4972 </div>4980 </div>
4973 </div>4981 </div>
4974 </div>4982 </div>
4983 </div>
4975 <div id="rightNavHolder" class="drawer">4984 <div id="rightNavHolder" class="drawer">
4976 <div id="unimportantYes" class="drawer-toggle drawer-header">4985 <div id="unimportantYes" class="drawer-toggle drawer-header">
4977 <div id="rightNavDrawerIcon" class="drawer-icon fa-solid fa-address-card fa-fw closedIcon" title="Character Management" data-i18n="[title]Character Management">4986 <div id="rightNavDrawerIcon" class="drawer-icon fa-solid fa-address-card fa-fw closedIcon" title="Character Management" data-i18n="[title]Character Management">