|
@@ -17,12 +17,14 @@ fn app(cx: Scope) -> Element {
|
|
|
width: "100%",
|
|
|
background_color: "hsl({hue}, 70%, {brightness}%)",
|
|
|
onmousemove: move |evt| {
|
|
|
- if let RenderReturn::Sync(Ok(node))=cx.root_node(){
|
|
|
- let node = tui_query.get(node.root_ids[0].get());
|
|
|
- let Size{width, height} = node.size().unwrap();
|
|
|
- let pos = evt.inner().element_coordinates();
|
|
|
- hue.set((pos.x as f32/width as f32)*255.0);
|
|
|
- brightness.set((pos.y as f32/height as f32)*100.0);
|
|
|
+ if let RenderReturn::Sync(Ok(node)) = cx.root_node() {
|
|
|
+ if let Some(id) = node.root_ids[0].get() {
|
|
|
+ let node = tui_query.get(id);
|
|
|
+ let Size{width, height} = node.size().unwrap();
|
|
|
+ let pos = evt.inner().element_coordinates();
|
|
|
+ hue.set((pos.x as f32/width as f32)*255.0);
|
|
|
+ brightness.set((pos.y as f32/height as f32)*100.0);
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
"hsl({hue}, 70%, {brightness}%)",
|