From 88d12ca429d2bbb09b1066a906cb0d1c61153cda Mon Sep 17 00:00:00 2001 From: Joseph Ferano Date: Wed, 18 Jun 2025 18:02:17 +0700 Subject: [PATCH] Fixed flex for mobile --- .dir-locals.el | 2 +- src/ferano_io/core.clj | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/.dir-locals.el b/.dir-locals.el index 365cd52..7f5b1fe 100644 --- a/.dir-locals.el +++ b/.dir-locals.el @@ -1 +1 @@ -((nil . ((joe/shell-command-silent-default . "./ferano.io/browser-reload.sh")))) +((nil . ((joe/shell-command-silent-default . "./browser-reload.sh")))) diff --git a/src/ferano_io/core.clj b/src/ferano_io/core.clj index 8a9556b..43da0cd 100644 --- a/src/ferano_io/core.clj +++ b/src/ferano_io/core.clj @@ -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)]