${mkImageMaybe "w-12 h-12 mr-4" (config.lib.icons.get node.icon)}
-
${node.name}
-
-
${node.deviceType}
+
${node.name}
+
${mkImageMaybe "w-16 h-16 ml-4" (config.lib.icons.get node.deviceIcon)}
'';
@@ -214,20 +212,22 @@
html = let
deviceIconImage = config.lib.icons.get node.deviceIcon;
in
- mkRootContainer ""
+ mkRootContainer "items-center"
/*
html
*/
''
- ${mkImageMaybe "w-12 h-12 mr-4" (config.lib.icons.get node.icon)}
-
${node.name}
-
-
${node.deviceType}
- ${mkImageMaybeIf (node.hardware.image != null -> deviceIconImage != node.hardware.image) "w-16 h-16 ml-4" deviceIconImage}
+ ${mkImageMaybe "w-12 h-12" (config.lib.icons.get node.icon)}
+
${node.name}
+ ${optionalString (node.hardware.image != null -> deviceIconImage != node.hardware.image)
+ ''
+
+ ${mkImageMaybe "w-16 h-16" deviceIconImage}
+ ''}
- ${mkImageMaybe "w-full h-24" node.hardware.image}
+ ${mkImageMaybe "h-24" node.hardware.image}
'';
};