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,11 +616,13 @@ 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'>
<div class='welcome_text'> <img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'>
<div id="welcome-text-content">Please load a model from the left.<br/> <div class='welcome_text'>
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>. <div id="welcome-text-content">Please load a model from the left.<br/>
A redacted version (without story text) is available. 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> </div>
</div>""" # Custom Welcome Text </div>""" # Custom Welcome Text
self.welcome = self.welcome_default self.welcome = self.welcome_default

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);