Restyle import/export buttons

6e0bec2184a511e222c24ec5291d91088e8d9785

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: c21e1ac3f7b8659a8654ee42191622ab7813e542
1 files changed, +33 -14Showing whitespace changes
public/index.html+33 -14
@@ -96,13 +96,11 @@
9696 </strong>
9797
9898 <div class="flex-container">
9999 <div data-preset-manager-import="kobold" class="menu_button_icon menu_button" title="Import preset" data-i18n="[title]Import preset">
100100 <i class="fa-solid fa-file-import"></i>
101- <span data-i18n="Import">Import</span>
102101 </div>
103102 <div data-preset-manager-export="kobold" class="menu_button_icon menu_button" title="Export preset" data-i18n="[title]Export preset">
104103 <i class="fa-solid fa-file-export"></i>
105- <span data-i18n="Export">Export</span>
106104 </div>
107105 </div>
108106 </div>
@@ -130,13 +128,11 @@
130128 </strong>
131129
132130 <div class="flex-container">
133131 <div data-preset-manager-import="novel" class="menu_button_icon menu_button" title="Import preset" data-i18n="[title]Import preset">
134132 <i class="fa-solid fa-file-import"></i>
135- <small data-i18n="Import">Import</small>
136133 </div>
137134 <div data-preset-manager-export="novel" class="menu_button_icon menu_button" title="Export preset" data-i18n="[title]Export preset">
138135 <i class="fa-solid fa-file-export"></i>
139- <small data-i18n="Export">Export</small>
140136 </div>
141137 </div>
142138 </div>
@@ -156,7 +152,21 @@
156152 </div>
157153 <div id="openai_api-presets">
158154 <div>
159- <h4 class="margin0"><span data-i18n="openaipresets">Chat Completion Presets</span></h4>
155+ <div class="margin0 title_restorable">
156+ <strong>
157+ <span data-i18n="openaipresets">Chat Completion Presets</span>
158+ </strong>
159+
160+ <div class="flex-container">
161+ <div id="import_oai_preset" class="menu_button menu_button_icon" title="Import preset" data-i18n="[title]Import preset">
162+ <i class="fa-solid fa-file-import"></i>
163+ </div>
164+ <div id="export_oai_preset" class="menu_button menu_button_icon" title="Export preset" data-i18n="[title]Export preset">
165+ <i class="fa-solid fa-file-export"></i>
166+ </div>
167+ </div>
168+ </div>
169+
160170 <div class="flex-container flexNoGap">
161171 <select id="settings_preset_openai" class="flex1 text_pole" data-preset-manager-for="openai">
162172 <option value="gui" data-i18n="Default">Default</option>
@@ -165,15 +175,26 @@
165175 <input id="openai_preset_import_file" type="file" accept=".json,.settings" hidden />
166176 <i id="update_oai_preset" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
167177 <i id="new_oai_preset" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
168- <i id="import_oai_preset" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
169- <i id="export_oai_preset" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
170178 <i id="delete_oai_preset" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
171179 </div>
172180 </div>
173181 </div>
174182 </div>
175183 <div id="textgenerationwebui_api-presets">
176- <h4 class="margin0"><span data-i18n="Text Completion presets">Text Completion presets</span></h4>
184+ <div class="margin0 title_restorable">
185+ <strong>
186+ <span data-i18n="Text Completion presets">Text Completion presets</span>
187+ </strong>
188+
189+ <div class="flex-container">
190+ <div data-preset-manager-import="textgenerationwebui" class="menu_button_icon menu_button" title="Import preset" data-i18n="[title]Import preset">
191+ <i class="fa-solid fa-file-import"></i>
192+ </div>
193+ <div data-preset-manager-export="textgenerationwebui" class="menu_button_icon menu_button" title="Export preset" data-i18n="[title]Export preset">
194+ <i class="fa-solid fa-file-export"></i>
195+ </div>
196+ </div>
197+ </div>
177198 <div class="flex-container flexNoGap">
178199 <select id="settings_preset_textgenerationwebui" class="flex1 text_pole" data-preset-manager-for="textgenerationwebui">
179200 </select>
@@ -182,8 +203,6 @@
182203 <i data-preset-manager-update="textgenerationwebui" class="menu_button fa-solid fa-save" title="Update current preset" data-i18n="[title]Update current preset"></i>
183204 <i data-preset-manager-rename="textgenerationwebui" class="menu_button fa-pencil fa-solid" title="Rename current preset" data-i18n="[title]Rename current preset"></i>
184205 <i data-preset-manager-new="textgenerationwebui" class="menu_button fa-solid fa-file-circle-plus" title="Save preset as" data-i18n="[title]Save preset as"></i>
185- <i data-preset-manager-import="textgenerationwebui" class="menu_button fa-solid fa-file-import" title="Import preset" data-i18n="[title]Import preset"></i>
186- <i data-preset-manager-export="textgenerationwebui" class="menu_button fa-solid fa-file-export" title="Export preset" data-i18n="[title]Export preset"></i>
187206 <i data-preset-manager-restore="textgenerationwebui" class="menu_button fa-solid fa-recycle" title="Restore current preset" data-i18n="[title]Restore current preset"></i>
188207 <i data-preset-manager-delete="textgenerationwebui" class="menu_button fa-solid fa-trash-can" title="Delete the preset" data-i18n="[title]Delete the preset"></i>
189208 </div>