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

Merge pull request #90 from one-some/ui2-button-align

Browse Source 
Button align and noselect on labels
This commit is contained in:
ebolam
2022-09-01 09:02:22 -04:00
committed by GitHub
parent c12c77abb0 9e15828818
commit 6f849ef7d1
3 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
static/koboldai.css
View File

@@ -485,6 +485,19 @@ input[type="range"]::-ms-fill-upper {
height: 35px;
}
.settings_button > .button_label {
position: relative;
bottom: 3px;
right: 4px;
}
.settings_button > .material-icons-outlined {
position: relative;
top: 3px;
right: 2px;
}
.Model_Info .settings_button {
}

2
templates/popups.html
View File

@@ -13,7 +13,7 @@
<span>Drag file(s) above or click here to Upload File<input id="popup_upload_input" type=file onchange="upload_file(this)"></span>
<button id="import_story_button" class="settings_button hidden" onclick="document.getElementById('import_aidg_club_popup').classList.remove('hidden');">
<span class="material-icons-outlined cursor" title="Import Story">cloud_download</span>
<span> Import Story</span>
<span class="button_label">Import Story</span>
</button>
</div>

12
templates/settings flyout.html
View File

@@ -45,12 +45,12 @@
</span>
</div>
<div id="text_runningmodel">
<b>1) Model: </b>
<b class="noselect">1) Model: </b>
</div>
<div style="text-align: center;">
<button class="settings_button" onclick="socket.emit('load_model_button', {});">
<span class="material-icons-outlined cursor" title="Load Model" style="font-size: 1.4em;">folder_open</span>
<span> Load Model</span>
<span class="button_label">Load Model</span>
</button>
<select class="var_sync_model_selected_preset settings_select presets" onchange='sync_to_server(this)'><option>Preset</option></select>
</div>
@@ -67,20 +67,20 @@
</span>
</div>
<div id="text_storyname">
<b>2) Story: </b>
<b class="noselect">2) Story: </b>
</div>
<div class="story_title_icons">
<button class="settings_button" onclick="socket.emit('new_story', '');">
<span class="material-icons-outlined cursor" title="New Story">description</span>
<span> New Story</span>
<span class="button_label">New Story</span>
</button>
<button class="settings_button" onclick="socket.emit('load_story_list', '');">
<span class="material-icons-outlined cursor" title="Load Story">folder_open</span>
<span> Load Story</span>
<span class="button_label">Load Story</span>
</button>
<button class="settings_button var_sync_alt_story_gamesaved" onclick='socket.emit("save_story", null, (response) => {save_as_story(response);});'>
<span class="material-icons-outlined cursor var_sync_alt_story_gamesaved" title="Save Story">save</span>
<span> Save Story</span>
<span class="button_label">Save Story</span>
</button>