refactoring: migrating to react-query to manage service-side state.

This commit is contained in:
a.bouhuolia
2021-02-07 08:10:21 +02:00
parent e093be0663
commit adac2386bb
284 changed files with 8255 additions and 6610 deletions

View File

@@ -131,6 +131,23 @@
border-color: #0052ff;
}
}
.skeleton{
animation: skeleton-fade-in .3s linear forwards,
skeleton-glow 1s linear infinite alternate;
animation-delay: 0s,.3s;
height: 8px;
opacity: 1;
width: 65%;
margin: 10px 0;
}
}
.th{
.skeleton{
margin: 5px 0;
}
}
.tbody {

View File

@@ -14,6 +14,21 @@
padding: 14px 18px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
.bp3-button-group{
.bp3-button{
&:not(:last-child),
&.bp3-popover-wrapper:not(:last-child) {
border-right: 1px solid rgba(92, 112, 127, 0.3);
margin-right: 0;
&.bp3-intent-primary{
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
}
}
}
}
&--strip {
#{$self}__header-fields {

View File

@@ -0,0 +1,26 @@
@keyframes skeleton-glow {
0% {
background: rgba(206,217,224,.3);
border-color: rgba(206,217,224,.3);
}
to {
background: rgba(92,112,128,.3);
border-color: rgba(92,112,128,.3);
}
}
.skeleton{
animation: skeleton-glow 1s linear infinite alternate;
background: rgba(206,217,224,.3);
background-clip: padding-box;
border-color: rgba(206,217,224,.3);
border-radius: 2px;
box-shadow: none;
color: transparent;
cursor: default;
pointer-events: none;
user-select: none;
}