Style uploads by status

This commit is contained in:
Eli Ribble 2026-02-24 20:18:15 +00:00
parent 1a98039264
commit 1366e89cf6
No known key found for this signature in database
3 changed files with 37 additions and 20 deletions

View file

@ -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>

View file

@ -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";

View 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;
}