[feat] "Hide" or "Show" Eyeball icon on the layers list

onlook-dev / onlook

The open source, local-first Webflow alternative. Design directly in your live React site and publish your changes to code.

https://onlook.dev

Apache License 2.0

2.69k stars 129 forks source link

Open drfarrell opened 1 week ago

drfarrell commented 1 week ago

Allow users to toggle whether a layer is visible or not in the layers panel.

Use a Radix eyeball icon to the right of the layers panel.
When a layer is tucked away inside a parent layer that is hidden, collapse the list of layers and if the layers list is open, make the layer name colors a darker shade of grey.

Export-1726502996851

katungi commented 1 week ago

Hey @drfarrell , and @Kitenite, can I take a crack at this one? It looks pretty straightforward.

Kitenite commented 1 week ago

@katungi, go for it! Don't worry about the actual hide canvas element logic. That can be done in a separate PR