search

CHOMPI-Club / CHOMPI-Pal

A web interface for preparing and transferring samples for use on the CHOMPI Sampler.
0 stars 0 forks source link

CSS Styles #1

Closed hasis closed 4 weeks ago

hasis commented 1 month ago

Image Image Image Image

hasis commented 1 month ago

@CHOMPI-Tobias -- There are four mocks; two peach, two dark mode. Is the intent to have all four options, or are the toggle ones showing when a sample has been loaded?

CHOMPI-Tobias commented 1 month ago

Yeah, I think Chels was thinking that the slots would turn the purple color once they had a file loaded onto them. Would that be possible to implement? If not, no worries ;) Also, if you need any of the design elements... she can send them over in whatever file type you might want... just let me know!

hasis commented 1 month ago

Thanks for clarifying! I think I can do that/everything else with CSS. Making progress.

hasis commented 1 month ago

@CHOMPI-Tobias the original implementation has sample preview on the slot after something's been selected. I can remove that, up to y'all. This is where we are with Peach:

Image

Importing fonts and SVGs was the hard bit so we're rollin' now.

CHOMPI-Tobias commented 1 month ago

Dude... that looks amazing! I like having that playback feature for sure... let's keep it :)

hasis commented 1 month ago

Image

Dark mode!