161 lines
3.0 KiB
CSS
161 lines
3.0 KiB
CSS
:root {
|
|
--main-area-height: calc(100vh - 110px);
|
|
}
|
|
|
|
/* no footer */
|
|
footer {
|
|
display: none !important;
|
|
}
|
|
|
|
/* customize scrollbar */
|
|
::-webkit-scrollbar {
|
|
background: var(--background-fill-primary);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--border-color-primary);
|
|
border: 4px solid transparent;
|
|
border-radius: 100px;
|
|
background-clip: content-box;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background: var(--background-fill-primary);
|
|
}
|
|
|
|
.gradio-container {
|
|
max-width: 100% !important;
|
|
/* overflow: scroll !important;
|
|
height: 100% !important; */
|
|
}
|
|
|
|
/* styling for header bar */
|
|
.header-bar {
|
|
background-color: transparent;
|
|
margin: 0px 0px 20px;
|
|
overflow-x: scroll;
|
|
display: block !important;
|
|
text-wrap: nowrap;
|
|
border: none;
|
|
}
|
|
.header-bar button.selected {
|
|
border: none;
|
|
|
|
/* an alternative header bar style with rounded background */
|
|
/* background-color: var(--background-fill-primary);
|
|
border: 4px solid transparent;
|
|
border-radius: var(--radius-lg);
|
|
background-clip: padding-box; */
|
|
}
|
|
|
|
/* selected buttons have highlighted text */
|
|
button.selected {
|
|
color: var(--block-label-text-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
#chat-tab,
|
|
#indices-tab,
|
|
#settings-tab,
|
|
#help-tab,
|
|
#resources-tab,
|
|
#login-tab {
|
|
border: none !important;
|
|
}
|
|
|
|
#help-tab,
|
|
#settings-tab {
|
|
/* text-dense view should not be wide for readability */
|
|
max-width: max(56vw, 900px) !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
.indices-tab,
|
|
#resources-tab {
|
|
/* Other view should not be too wide */
|
|
border: none !important;
|
|
max-width: max(70vw, 1200px) !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
#main-chat-bot {
|
|
background: var(--background-fill-primary);
|
|
flex: auto;
|
|
}
|
|
|
|
#chat-area {
|
|
height: var(--main-area-height) !important;
|
|
}
|
|
|
|
#chat-info-panel {
|
|
max-height: var(--main-area-height) !important;
|
|
overflow-y: scroll !important;
|
|
}
|
|
|
|
#conv-settings-panel {
|
|
max-height: var(--main-area-height) !important;
|
|
flex-wrap: unset;
|
|
overflow-y: scroll !important;
|
|
position: sticky;
|
|
}
|
|
|
|
.setting-answer-mode-description {
|
|
margin: 5px 5px 2px !important;
|
|
}
|
|
|
|
mark {
|
|
background-color: #1496bb;
|
|
}
|
|
|
|
/* clpse */
|
|
.clpse {
|
|
background-color: var(--background-fill-secondary);
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
padding: 3px;
|
|
width: 100%;
|
|
border: none;
|
|
text-align: left;
|
|
outline: none;
|
|
}
|
|
|
|
/* for setting transparent background for elements */
|
|
.no-background {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/* for setting bold text for elements */
|
|
.bold-text {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* for setting highlighted text for elements */
|
|
.body-text-color {
|
|
color: var(--body-text-color);
|
|
}
|
|
|
|
/* for setting right-aligned buttons */
|
|
.right-button {
|
|
min-width: 200px !important;
|
|
width: fit-content;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
margin: 0px 0px 0px auto;
|
|
}
|
|
|
|
/* for setting height limit for buttons */
|
|
.cap-button-height {
|
|
max-height: 42px;
|
|
}
|
|
|
|
.scrollable {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.fill-main-area-height {
|
|
max-height: var(--main-area-height);
|
|
}
|
|
|
|
.unset-overflow {
|
|
overflow: unset !important;
|
|
}
|