sneedgroup-holder/openOutpaint
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

slimmer host text field

Browse source 
Signed-off-by: Victor Seiji Hariki <victorseijih@gmail.com>
This commit is contained in:
Victor Seiji Hariki 2023-01-26 21:35:33 -03:00
parent b9f144e4bb
commit 827349bf05
3 changed files with 29 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
css/index.css
View file

@ -227,11 +227,25 @@ body {
width: 100%;
}
.host-field-wrapper input {
flex-shrink: 0;
.host-field-wrapper > .host-field {
display: flex;
width: calc(100% - 15px);
}
.host-field-wrapper > .host-field > .label {
padding-left: 5px;
padding-right: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: var(--c-primary);
color: var(--c-text);
}
.host-field-wrapper input {
display: block;
min-width: 0;
border: 0;
}

23
index.html
View file

@ -38,17 +38,17 @@
</button>
</div>
<div id="info" class="menu-container" style="min-width: 200px">
<label>
Host
<div class="host-field-wrapper">
<div class="host-field-wrapper">
<div class="host-field">
<div class="label">Host</div>
<input id="host" value="http://127.0.0.1:7860" />
<div
id="connection-status-indicator"
class="connection-status before">
<span id="connection-status-indicator-text">Waiting</span>
</div>
</div>
</label>
<div
id="connection-status-indicator"
class="connection-status before">
<span id="connection-status-indicator-text">Waiting</span>
</div>
</div>
<!-- Prompts section -->
<button type="button" class="collapsible">Prompts</button>
@ -247,7 +247,10 @@
<div class="draggable floating-window-title">
History
<div style="flex: 1"></div>
<button id="history-logs-btn" class="ui icon header-button">
<button
id="history-logs-btn"
class="ui icon header-button"
title="Generate History Log">
<div class="icon-scroll"></div>
</button>
</div>

2
js/index.js
View file

@ -223,8 +223,6 @@ function testHostConfiguration() {
host = value;
hostEl.value = host;
localStorage.setItem("openoutpaint/host", host);
testHostConfiguration();
};
const current = localStorage.getItem("openoutpaint/host");