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"} "☰"]]])
|
||||
|
||||
(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)]
|
||||
|
Loading…
x
Reference in New Issue
Block a user