refactor: [frontend] Change color -> colour
This commit is contained in:
parent
85699fb9e5
commit
17dc49482c
1 changed files with 10 additions and 7 deletions
|
|
@ -9,8 +9,11 @@
|
|||
|
||||
const fmt = (iso: string) =>
|
||||
new Intl.DateTimeFormat('en-GB', {
|
||||
year: 'numeric', month: 'short', day: 'numeric',
|
||||
hour: '2-digit', minute: '2-digit'
|
||||
year: 'numeric',
|
||||
month: 'short',
|
||||
day: 'numeric',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit'
|
||||
}).format(new Date(iso));
|
||||
</script>
|
||||
|
||||
|
|
@ -32,13 +35,13 @@
|
|||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);
|
||||
border: 1px solid color-mix(in srgb, var(--colour-outline-variant) 30%, transparent);
|
||||
border-radius: var(--radius-lg);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.job-row + .job-row {
|
||||
border-top: 1px solid color-mix(in srgb, var(--color-outline-variant) 30%, transparent);
|
||||
border-top: 1px solid color-mix(in srgb, var(--colour-outline-variant) 30%, transparent);
|
||||
}
|
||||
|
||||
.job-link {
|
||||
|
|
@ -73,12 +76,12 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.status-badge[data-status="completed"] {
|
||||
.status-badge[data-status='completed'] {
|
||||
background-color: var(--color-primary-container);
|
||||
color: var(--color-on-primary-container);
|
||||
}
|
||||
|
||||
.status-badge[data-status="failed"] {
|
||||
.status-badge[data-status='failed'] {
|
||||
background-color: color-mix(in srgb, #b3261e 12%, var(--color-surface));
|
||||
color: #b3261e;
|
||||
}
|
||||
|
|
@ -103,7 +106,7 @@
|
|||
.job-arrow {
|
||||
font-family: var(--font-label);
|
||||
font-size: var(--text-label-lg);
|
||||
color: var(--color-outline);
|
||||
color: var(--colour-outline);
|
||||
transition: color var(--duration-fast) var(--ease-standard);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue