Fixed flex for mobile
This commit is contained in:
parent
e935d5b3db
commit
88d12ca429
@ -1 +1 @@
|
|||||||
((nil . ((joe/shell-command-silent-default . "./ferano.io/browser-reload.sh"))))
|
((nil . ((joe/shell-command-silent-default . "./browser-reload.sh"))))
|
||||||
|
@ -18,11 +18,11 @@
|
|||||||
[:button {:class "md:hidden p-2"} "☰"]]])
|
[:button {:class "md:hidden p-2"} "☰"]]])
|
||||||
|
|
||||||
(defn game-card [game]
|
(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 "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-80"}
|
[:div {:class "flex-shrink-0 w-full md:w-80"}
|
||||||
[:img {:src (:image game)
|
[:img {:src (:image game)
|
||||||
:alt (:name 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"}
|
[:div {:class "flex-1 flex flex-col gap-4"}
|
||||||
[:h3 {:class "text-xl font-normal"} (:name game)]
|
[:h3 {:class "text-xl font-normal"} (:name game)]
|
||||||
[:p {:class "text-sm text-gray-600 leading-relaxed"} (:description game)]
|
[:p {:class "text-sm text-gray-600 leading-relaxed"} (:description game)]
|
||||||
|
Loading…
x
Reference in New Issue
Block a user