Style uploads by status
This commit is contained in:
parent
1a98039264
commit
1366e89cf6
3 changed files with 37 additions and 20 deletions
|
|
@ -2,25 +2,6 @@
|
|||
|
||||
{{ define "title" }}Downloads{{ end }}
|
||||
{{ define "extraheader" }}
|
||||
<style>
|
||||
.upload-card {
|
||||
transition: transform 0.2s;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.upload-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.card-icon {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 15px;
|
||||
color: #198754;
|
||||
}
|
||||
.header-banner {
|
||||
background-color: #198754;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
{{ end }}
|
||||
|
||||
{{ define "content" }}
|
||||
|
|
@ -127,7 +108,7 @@
|
|||
<td>{{ .Type|displayUploadType }}</td>
|
||||
<td>{{ .Filename }}</td>
|
||||
<td>
|
||||
<span class="badge bg-success {{ .Status }}"
|
||||
<span class="badge {{ .Status }}"
|
||||
>{{ .Status|displayUploadStatus }}</span
|
||||
>
|
||||
</td>
|
||||
|
|
|
|||
|
|
@ -57,3 +57,4 @@ $theme-colors: map-merge(
|
|||
@import "./sync/pool-by-id.scss";
|
||||
@import "./sync/settings.scss";
|
||||
@import "./sync/settings-user-list.scss";
|
||||
@import "./sync/upload-list.scss";
|
||||
|
|
|
|||
35
scss/sync/upload-list.scss
Normal file
35
scss/sync/upload-list.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
.upload-card {
|
||||
transition: transform 0.2s;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.upload-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.card-icon {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 15px;
|
||||
color: #198754;
|
||||
}
|
||||
.header-banner {
|
||||
background-color: #198754;
|
||||
color: white;
|
||||
}
|
||||
.badge {
|
||||
--bs-bg-opacity: 1;
|
||||
}
|
||||
.badge.committed {
|
||||
background-color: $success;
|
||||
}
|
||||
.badge.discarded {
|
||||
background-color: gray;
|
||||
}
|
||||
.badge.error {
|
||||
background-color: $danger;
|
||||
}
|
||||
.badge.parsed {
|
||||
background-color: $secondary;
|
||||
}
|
||||
.badge.uploaded {
|
||||
background-color: $info;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue