Fix for welcome icon/text placement

This commit is contained in:
ebolam
2022-10-28 20:48:19 -04:00
parent b7a19661cb
commit ed2431e15c
3 changed files with 20 additions and 11 deletions

View File

@@ -594,9 +594,13 @@ class model_settings(settings):
self.oaiapikey = "" # API key to use for OpenAI API calls
self.configname = None
self.online_model = ''
self.welcome_default = """<img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'><div id="welcome-text-content">Please load a model from the left.<br/>
If you encounter any issues, please click the Download debug dump link in the Home tab on the left flyout and attach the downloaded file to your error report on <a href='https://github.com/ebolam/KoboldAI/issues'>Github</a>, <a href='https://www.reddit.com/r/KoboldAI/'>Reddit</a>, or <a href='https://discord.gg/XuQWadgU9k'>Discord</a>.
A redacted version (without story text) is available.</div>""" # Custom Welcome Text
self.welcome_default = """<div style="display: flex; align-content: space-between;>
<img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'>
<div id="welcome-text-content">Please load a model from the left.<br/>
If you encounter any issues, please click the Download debug dump link in the Home tab on the left flyout and attach the downloaded file to your error report on <a href='https://github.com/ebolam/KoboldAI/issues'>Github</a>, <a href='https://www.reddit.com/r/KoboldAI/'>Reddit</a>, or <a href='https://discord.gg/XuQWadgU9k'>Discord</a>.
A redacted version (without story text) is available.
</div>
</div>""" # Custom Welcome Text
self.welcome = self.welcome_default
self.koboldai_vars = koboldai_vars

View File

@@ -2386,21 +2386,25 @@ body {
color: white
}
#welcome_text {
display: flex;
height: 100%;
}
#welcome-logo {
position: absolute;
top: 50%;
margin-top: -50px;
left: 50%;
transform: translate(-50%, -50%);
width: 50%;
top: 295px;
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 720px;
filter: drop-shadow(5px 5px 5px #222);
}
#welcome-text-content {
position: relative;
top: 520px;
left: 10px;
display: inline-block;
align-self: flex-end;
}
/* Popups */

View File

@@ -1154,6 +1154,7 @@ function popup_items(data) {
if (data.show_filename) {
td = document.createElement("span");
td.textContent = "File Name";
td.classList.add("table-header-container")
td.style = "overflow-x: hidden; grid-area: p"+i+";";
i+=1;
tr.append(td)