rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Added ability to import aidg.club scenarios

Browse Source 
Changed menu bar to bootstrap navbar to allow for dropdown menus
This commit is contained in:
KoboldAI Dev
2021-05-16 05:29:39 -04:00
parent 2cef3bceaf
commit b05a73a04f
4 changed files with 240 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
static/custom.css
View File

@@ -16,6 +16,21 @@ chunk {
grid-template-columns: 80% 20%;
}
#navbar {
margin: 0px;
}
#navbar li {
margin-right: 5px;
background-color: #4787be;
border-radius: 5px;
}
#navbar li > a {
color: #ffffff;
font-weight: bold;
}
#settingsmenu {
display:none;
background-color: #295071;
@@ -195,17 +210,33 @@ chunk {
margin-right: 10px;
}
#popuptitleclose {
}
#wimenu {
max-height: 100%;
width: 100%;
}
#aidgpopup {
width: 350px;
background-color: #262626;
margin-top: 100px;
}
#aidgpromptnum {
background-color: #404040;
color: #ffffff;
}
/*================= Classes =================*/
.aidgpopupcontent {
padding: 10px 40px 10px 40px;
}
.aidgpopuplistheader {
color: #737373;
text-align: center;
}
.anotelabel {
font-size: 10pt;
color: #ffffff;
@@ -242,6 +273,27 @@ chunk {
color: #ff0000;
}
.dropdown-menu {
background-color: #337ab7;
width: 200px;
}
.dropdown-item {
display: block;
padding: 10px;
color: #ffffff;
border-bottom: 1px solid #295071;
}
.dropdown-item:first-child {
border-top: 1px solid #295071;
}
.dropdown-item:hover {
background-color: #98bcdb;
text-decoration: none;
}
.flex {
display: flex;
}
@@ -329,6 +381,28 @@ chunk {
text-align: right;
}
.navbar .navbar-nav .nav-link:hover {
border-radius: 5px;
background-color: #98bcdb;
}
.navbar .navbar-nav .nav-link:focus {
border-radius: 5px;
background-color: #98bcdb;
}
.popupcontainer {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
flex-direction: column;
align-items: center;
}
.popuplistitem {
padding: 5px 10px 5px 10px;
display: grid;
@@ -349,6 +423,33 @@ chunk {
background-color: #688f1f;
}
.popuptitlebar {
padding: 10px;
background-color: #337ab7;
}
.popuptitletext {
height: 100%;
display: flex;
align-items:center;
color: #ffffff;
font-size: 12pt;
}
.popupfooter {
width: 100%;
padding: 10px;
display: flex;
justify-content: center;
background-color: #295071;
}
.popupfooter button {
width: 100px;
margin-left: 10px;
margin-right: 10px;
}
.settingitem {
width: 18%;
padding-left: 10px;