vaheqelyan / svelte-grid

A responsive, draggable and resizable grid layout, for Svelte.
https://svelte-grid.now.sh/
MIT License
948 stars 57 forks source link

Made a Svelte floating and resizable window, and puting svelte-grid in it. #102

Open rleddy opened 2 years ago

rleddy commented 2 years ago

So, I have made this floating window. svelte-float-window).

Each element of the grid is supposed to have responsive SVG in it. The first time through, I had to make some changes to SVG grid to get it working. But, now I will have to go over that again. And, you have, of course, been working on your code. I put it here: https://github.com/copious-world/svelte-blogs/tree/master/svelte-grid-with-changes

At the moment, I don't recall what changes I made. But, I am trying to put these composited SVG panels in the blog.

So, I am just hoping for an information exchange at the moment. I only have so much time to clean up the floating window, and getting it into a proper npm package. But, I may have some time to find more ways to use svelte-grid.

For one, I have other window fillers for the slot in svelte-float-window. Some display movies pulled out of IPFS. Some are just blog entries, etc. When the user selects a movie or a song, the window comes up with the resizable window, which show sections with meta data (no comments yet - but maybe) the display area of the content, and some control buttons (icons). So, I was thinking the user needs a slider to hide some of the stuff about what he is looking at. This is like "more" or "less" buttons on YouTube. But, it's a mouse control thing. Also have to consider haptic at some point.

So, there is that, and I need to spend more time on searching, machine interfaces, etc. Also, I will have to put together a creator dashboard. And, I have something like a profile panel which is in interplanetary-contact). I used someone's tab component, but it could do nested tabs for a smoother interface. So, I don't have that yet.

Trying to make this all very payable. Sort of a mountain to climb.