Consulta de una entidad única para una página de "Show"

Even with npm run watch, the browser can still aggressivley cache stylesheets - hard browser refresh may help in this case - it did for me

Hey @jazCoda ,

Exactly! Browser always caches assets on its side, and yeah, hard refresh should help in this way ind should be the 1st thing you try if you see your changes were not applied yet. For this in Chrome, you need to have Chrome inspector opened, and then you press and hold browser's "Reload" button, and in the dropdown list you can choose "Hard reload", or I would better suggest "Empty cache and hard reload" instead which is more aggressive to cached files. I think that's not something every dev knows about because that button is kinda hidden in latest versions of Chrome.

Cheers!

Hey @EssKy

There should be assets/styles/app.css with styles for mixed-vinyl-container class which looks like this

.mixed-vinyl-container {
    background: rgb(23,36,44);
    background: linear-gradient(180deg, rgba(23,36,44,1) 1%, rgba(34,47,54,1) 97%);
    border-radius: 5px;
    display: block;
    color: #fff;
    text-decoration: none;
}
.mixed-vinyl-container:hover {
    color: #fff;
}

I just checked the final/ and start/ code folders and it is there as well.

cheers!

I made these changes to make mine look the same...

            <a href="{{ path('app_mix_show', {
              id: mix.id
            }) }}"
               class="mixed-vinyl-container p-3 text-center text-white text-decoration-none">
              <img src="{{ mix.getImageUrl(300) }}"
                   alt="Mix album cover">
              <p class="mt-2"><strong>{{ mix.title }}</strong></p>
              <p>
                <span>{{ mix.trackCount }} Tracks</span>
                |
                <span>{{ mix.genre }}</span>
                |
                <span>{{ mix.createdAt|ago }}</span>

                <br>
                {{ mix.votesString }} votes
              </p>
            </a>

Hey Wh,

Actually, that's just a Twig syntax for associative arrays. For indexed arrays you're using ['a', 'b', 'c'] but for associative ones: {'a': 'b', 'c': 'd'}. So, it looks like a JS object but technically it's a simple PHP array :)

Cheers!