539b467141
* feat: adding create bot functionality Signed-off-by: James <james@jan.ai> * update the temperature progress bar Signed-off-by: James <james@jan.ai> * WIP baselayout * Mapping plugins with available preferences * Added loader component * WIP working another screen * Cleanup types and avoid import one by one * Prepare bottom bar * Add css variables colors to enable user select the accent * Enable change accent color * Seperate css variable * Fix conflict * Add blank state of my model empty * Restyle explore models page * Enable user config left sidebar * Restyle my models page * WIP styling chat page * Restyling chat message * Fix conflict * Adde form preferences setting plugins * Fixed form bot info * Sidebar bot chat * Showing rightbar for both setting when user created bot * Fix style bot info * Using overflow auto intead of scroll * Remove script built UI from root package * Fix missig import * Resolve error linter * fix e2e tests Signed-off-by: James <james@jan.ai> --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
92 lines
1.7 KiB
SCSS
92 lines
1.7 KiB
SCSS
.loader {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.loader-inner {
|
|
transform: translateY(-50%);
|
|
top: 50%;
|
|
position: absolute;
|
|
width: 100%;
|
|
color: #fff;
|
|
padding: 0 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
.loader-inner label {
|
|
opacity: 0;
|
|
display: inline-block;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
@keyframes lol {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateX(-300px);
|
|
}
|
|
33% {
|
|
opacity: 1;
|
|
transform: translateX(0px);
|
|
}
|
|
66% {
|
|
opacity: 1;
|
|
transform: translateX(0px);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translateX(300px);
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes lol {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-300px);
|
|
}
|
|
33% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0px);
|
|
}
|
|
66% {
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0px);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(300px);
|
|
}
|
|
}
|
|
|
|
.loader-inner label:nth-child(6) {
|
|
-webkit-animation: lol 3s infinite ease-in-out;
|
|
animation: lol 3s infinite ease-in-out;
|
|
}
|
|
|
|
.loader-inner label:nth-child(5) {
|
|
-webkit-animation: lol 3s 100ms infinite ease-in-out;
|
|
animation: lol 3s 100ms infinite ease-in-out;
|
|
}
|
|
|
|
.loader-inner label:nth-child(4) {
|
|
-webkit-animation: lol 3s 200ms infinite ease-in-out;
|
|
animation: lol 3s 200ms infinite ease-in-out;
|
|
}
|
|
|
|
.loader-inner label:nth-child(3) {
|
|
-webkit-animation: lol 3s 300ms infinite ease-in-out;
|
|
animation: lol 3s 300ms infinite ease-in-out;
|
|
}
|
|
|
|
.loader-inner label:nth-child(2) {
|
|
-webkit-animation: lol 3s 400ms infinite ease-in-out;
|
|
animation: lol 3s 400ms infinite ease-in-out;
|
|
}
|
|
|
|
.loader-inner label:nth-child(1) {
|
|
-webkit-animation: lol 3s 500ms infinite ease-in-out;
|
|
animation: lol 3s 500ms infinite ease-in-out;
|
|
}
|