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.configname = None
self.online_model = ''
self.welcome_default = """ <img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'>
<div class='welcome_text'>
<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.
self.welcome_default = """ <div id='UI2defaultwelcome'>
<img id='welcome-logo' src='static/Welcome_Logo.png' draggable='False'>
<div class='welcome_text'>
<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>
</div>""" # Custom Welcome Text
self.welcome = self.welcome_default

View File

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