Fixed flex for mobile

This commit is contained in:
Joseph Ferano 2025-06-18 18:02:17 +07:00
parent e935d5b3db
commit 88d12ca429
2 changed files with 4 additions and 4 deletions

View File

@ -1 +1 @@
((nil . ((joe/shell-command-silent-default . "./ferano.io/browser-reload.sh"))))
((nil . ((joe/shell-command-silent-default . "./browser-reload.sh"))))

View File

@ -18,11 +18,11 @@
[:button {:class "md:hidden p-2"} "☰"]]])
(defn game-card [game]
[:div {:class "bg-gray-50 border border-gray-200 p-5 flex gap-8 items-center hover:shadow-md transition-shadow cursor-pointer"}
[:div {:class "flex-shrink-0 w-80"}
[:div {:class "bg-gray-50 border border-gray-200 p-5 flex flex-col md:flex-row gap-4 md:gap-8 md:items-center hover:shadow-md transition-shadow cursor-pointer"}
[:div {:class "flex-shrink-0 w-full md:w-80"}
[:img {:src (:image game)
:alt (:name game)
:class "w-full h-full object-cover"}]]
:class "w-full h-48 md:h-full object-cover"}]]
[:div {:class "flex-1 flex flex-col gap-4"}
[:h3 {:class "text-xl font-normal"} (:name game)]
[:p {:class "text-sm text-gray-600 leading-relaxed"} (:description game)]