Improve display of pool conditions
This commit is contained in:
parent
1366e89cf6
commit
9c6155367b
5 changed files with 48 additions and 51 deletions
|
|
@ -54,7 +54,7 @@ $theme-colors: map-merge(
|
|||
@import "./sync/dashboard.scss";
|
||||
@import "./sync/notification.scss";
|
||||
@import "./sync/pool-csv-upload.scss";
|
||||
@import "./sync/pool-by-id.scss";
|
||||
@import "./sync/settings.scss";
|
||||
@import "./sync/settings-user-list.scss";
|
||||
@import "./sync/upload-by-id.scss";
|
||||
@import "./sync/upload-list.scss";
|
||||
|
|
|
|||
|
|
@ -1,24 +0,0 @@
|
|||
.bg-empty {
|
||||
background-color: #9C9BC0;
|
||||
}
|
||||
.bg-green {
|
||||
background-color: #7AAB5F;
|
||||
}
|
||||
.bg-murky {
|
||||
background-color: #D2E3CA;
|
||||
}
|
||||
.bg-unknown {
|
||||
background-color: #F7CBA1;
|
||||
}
|
||||
.summary-card {
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.summary-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
.status-badge {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
tr.has-error {
|
||||
background-color: rgba(255, 193, 7, 0.15) !important;
|
||||
}
|
||||
39
scss/sync/upload-by-id.scss
Normal file
39
scss/sync/upload-by-id.scss
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
.badge.dry {
|
||||
background-color: $info;
|
||||
}
|
||||
.badge.empty {
|
||||
background-color: #9C9BC0;
|
||||
}
|
||||
.badge.green {
|
||||
background-color: #7AAB5F;
|
||||
}
|
||||
.badge.murky {
|
||||
background-color: #D2E3CA;
|
||||
}
|
||||
.badge.unknown {
|
||||
background-color: gray;
|
||||
}
|
||||
.summary-card {
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.summary-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
.badge.status{
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.badge.status.existing {
|
||||
background-color: $secondary;
|
||||
}
|
||||
.badge.status.new {
|
||||
background-color: $success;
|
||||
}
|
||||
.badge.status.outside {
|
||||
background-color: $warning;
|
||||
}
|
||||
.badge.status.unknown {
|
||||
background-color: gray;
|
||||
}
|
||||
tr.has-error {
|
||||
background-color: rgba(255, 193, 7, 0.15) !important;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue