You've already forked DataMate
init datamate
This commit is contained in:
45
frontend/src/index.css
Normal file
45
frontend/src/index.css
Normal file
@@ -0,0 +1,45 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
/* components/TopLoadingBar.css */
|
||||
.top-loading-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
background-color: transparent;
|
||||
z-index: 9999;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.loading-bar-progress {
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, #3498db, #2ecc71, #3498db);
|
||||
background-size: 200% 100%;
|
||||
animation: gradient-animation 2s linear infinite, width-animation 0.3s ease;
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
@keyframes gradient-animation {
|
||||
0% {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
100% {
|
||||
background-position: -200% 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes width-animation {
|
||||
from {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
to {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.show-task-popover {
|
||||
opacity: 100%;
|
||||
visibility: visible;
|
||||
transform: translateX(0);
|
||||
}
|
||||
Reference in New Issue
Block a user