Fix for welcome image going under flyouts even when pinned

This commit is contained in:
ebolam
2022-11-23 14:24:19 -05:00
parent 5b4faff5df
commit bccc473515
2 changed files with 21 additions and 10 deletions

View File

@@ -616,12 +616,14 @@ class model_settings(settings):
self.oaiapikey = "" # API key to use for OpenAI API calls self.oaiapikey = "" # API key to use for OpenAI API calls
self.configname = None self.configname = None
self.online_model = '' self.online_model = ''
self.welcome_default = """ <img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'> self.welcome_default = """ <div id='UI2defaultwelcome'>
<img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'>
<div class='welcome_text'> <div class='welcome_text'>
<div id="welcome-text-content">Please load a model from the left.<br/> <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>. 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. A redacted version (without story text) is available.
</div> </div>
</div>
</div>""" # Custom Welcome Text </div>""" # Custom Welcome Text
self.welcome = self.welcome_default self.welcome = self.welcome_default
self.koboldai_vars = koboldai_vars self.koboldai_vars = koboldai_vars

View File

@@ -2425,6 +2425,7 @@ body {
#welcome_text { #welcome_text {
align-self: flex-end; align-self: flex-end;
height: 100%;
} }
.welcome_text { .welcome_text {
@@ -2432,12 +2433,20 @@ body {
height: 100%; height: 100%;
} }
#UI2defaultwelcome {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
#welcome-logo { #welcome-logo {
position: absolute; display: block;
top: 50%; top: 0px;
margin-top: -50px; text-align: center;
left: 50%; margin-top: 20px;
transform: translate(-50%, -50%); margin-left: auto;
margin-right: auto;
width: 50%; width: 50%;
max-width: 720px; max-width: 720px;
filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);