node highlight card + css cleanup

1 files changed, 23 insertions, 15 deletions

diff --git a/ui/src/components/node_list.rs b/ui/src/components/node_list.rs
index d1d16fb..679a11d 100644
--- a/ui/src/components/node_list.rs
+++ b/ui/src/components/node_list.rs
@@ -6,7 +6,7 @@
 
 use crate::{
     RenderInfo,
-    components::node_card::{NodeCard, NodeCardWide},
+    components::node_card::{NodeCard, NodeCardHightlight, NodeCardWide},
 };
 use jellycommon::{jellyobject::Object, *};
 use jellyui_locale::tr;
@@ -17,20 +17,28 @@ markup::define! {
         @if let Some(title) = nl.get(NODELIST_TITLE) {
             h2 { @tr(ri.lang, title) }
         }
-        @if ds == NLSTYLE_GRID {
-            ul.nl.grid { @for nku in nl.iter(NODELIST_ITEM) {
-                li { @NodeCard { ri, nku } }
-            }}
-        }
-        @if ds == NLSTYLE_INLINE {
-            ul.nl.inline { @for nku in nl.iter(NODELIST_ITEM) {
-                li { @NodeCard { ri, nku } }
-            }}
-        }
-        @if ds == NLSTYLE_LIST {
-            ol.nl.list { @for nku in nl.iter(NODELIST_ITEM) {
-                li { @NodeCardWide { ri, nku } }
-            }}
+        @match ds {
+            NLSTYLE_GRID => {
+                ul.nl.grid { @for nku in nl.iter(NODELIST_ITEM) {
+                    li { @NodeCard { ri, nku } }
+                }}
+            }
+            NLSTYLE_INLINE => {
+                ul.nl.inline { @for nku in nl.iter(NODELIST_ITEM) {
+                    li { @NodeCard { ri, nku } }
+                }}
+            }
+            NLSTYLE_LIST => {
+                ol.nl.list { @for nku in nl.iter(NODELIST_ITEM) {
+                    li { @NodeCardWide { ri, nku } }
+                }}
+            }
+            NLSTYLE_HIGHLIGHT => {
+                @if let Some(nku) = nl.get(NODELIST_ITEM) {
+                    @NodeCardHightlight { ri, nku }
+                }
+            }
+            _ => {}
         }
     }
 }