search

bastislack / highline-freestyle

Webapp for Highline Freestyle
GNU General Public License v3.0
10 stars 9 forks source link

Trick list overview #301

Closed bastislack closed 9 months ago

bastislack commented 10 months ago

Create landing page for the app that shows all tricks in the app.

I am happy with the result for now, except that the app crashes when I refresh the page... @WaldemarLehner Can you take a look?

WaldemarLehner commented 10 months ago

I'ill look at #272 tomorrow. Will look at this afterwards if I find the time :)

WaldemarLehner commented 10 months ago

Did some changes :)

I removed the onMounted Hook as it is not needed in this use case. You usually only need it if you need to access the "real" DOM. A good example would be if your Vue-App needs to initialize some library onto a "real" HTML-Element (e.g. creating a Three.JS HTML-Canvas)

I also removed the Map and replaced it with a Record, which effectively is a plain JS object.

WaldemarLehner commented 10 months ago

Here's what this look like now: image image

I would highly recommend conditionally changing the column count OR switching to a flex-container with wrapping enabled with a fixed card size