Default dense grid to two columns on mobile

This commit is contained in:
Claudio Ortolina
2025-10-31 19:34:10 +00:00
parent 17514a5305
commit af4eeb7df2
@@ -311,7 +311,7 @@ defmodule MusicLibraryWeb.RecordComponents do
id={@id}
phx-update="stream"
role="list"
class="mt-4 grid grid-cols-3 gap-x-4 gap-y-8 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8"
class="mt-4 grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8"
>
<li :for={{id, record} <- @records} id={id} class="relative">
<div class="group overflow-hidden rounded-lg bg-zinc-100 focus-within:ring-2 focus-within:ring-zinc-500 focus-within:ring-offset-2 focus-within:ring-offset-zinc-100">