diff --git a/plugins/view-resources/src/components/KanbanPanel.svelte b/plugins/view-resources/src/components/KanbanPanel.svelte index 372e3b5830..a26a5fbb32 100644 --- a/plugins/view-resources/src/components/KanbanPanel.svelte +++ b/plugins/view-resources/src/components/KanbanPanel.svelte @@ -15,17 +15,26 @@
-
-
-
{counter}
+
+
+
+
+
+
+ +
+
@@ -47,28 +56,30 @@ .header { display: flex; - justify-content: space-between; - align-items: center; - margin: .75rem; - padding: .5rem; - min-height: 2.75rem; - font-weight: 500; - border: 1px solid rgba(0, 0, 0, .1); - border-radius: .5rem; + flex-direction: column; + margin: 0 .75rem; + height: 4rem; + min-height: 4rem; + user-select: none; - .title { - padding-left: .5rem; - color: var(--theme-caption-color); + .bar { + height: .375rem; + border-radius: 1px; } - .counter { - display: flex; - justify-content: center; - align-items: center; - width: 1.75rem; - height: 1.75rem; - color: var(--theme-contnet-accent-color); - background-color: rgba(0, 0, 0, .08); - border-radius: 50%; + .label { + padding: 0 .5rem 0 1rem; + height: 100%; + font-weight: 500; + color: var(--theme-caption-color); + span { + font-weight: 400; + color: var(--theme-content-dark-color); + } + } + .tool { + opacity: .4; + cursor: pointer; + &:hover { opacity: 1; } } }