diff options
| author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-01-23 16:25:42 +0100 |
|---|---|---|
| committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-01-23 16:25:42 +0100 |
| commit | 645b8f29a078dfc348a332f23771679ff9c58559 (patch) | |
| tree | d021ef79aaf828c03db6ee67cada5394eedf0c00 /src | |
| parent | 2176dec409002141c8d0660bfbf4aa8a0d14021e (diff) | |
feat(frontend): show navigation buttons on mobile
Diffstat (limited to 'src')
| -rw-r--r-- | src/frontend/tubo/views.cljs | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/src/frontend/tubo/views.cljs b/src/frontend/tubo/views.cljs index 22dd42e..a623237 100644 --- a/src/frontend/tubo/views.cljs +++ b/src/frontend/tubo/views.cljs @@ -69,7 +69,7 @@ {:keys [current-theme]} @(rf/subscribe [:settings]) id (js/parseInt (or serviceId service-id)) show-mobile-nav? @(rf/subscribe [:show-mobile-nav]) - show-search-form? @(rf/subscribe [:show-search-form]) + show-search-form? @(rf/subscribe [:show-search-form]) {:keys [available-kiosks default-kiosk]} @(rf/subscribe [:kiosks])] [:nav.sticky.flex.items-center.px-2.h-14.top-0.z-50.font-nunito {:style {:background service-color}} @@ -79,18 +79,19 @@ {:href (rfe/href ::routes/home)} [layout/logo]]] [navigation/search-form] + [:div {:class (when show-search-form? "hidden")} + [navigation/navigation-buttons service-color]] [:div.flex.flex-auto.justify-end.lg:justify-between {:class (when show-search-form? "hidden")} [:div.hidden.lg:flex - [navigation/navigation-buttons service-color] [services-dropdown services service-id service-color] [:ul.flex.items-center.px-4.text-white - (for [kiosk available-kiosks] - [:li.px-3 {:key kiosk} - [:a {:href (rfe/href ::routes/kiosk nil {:serviceId service-id - :kioskId kiosk})} - kiosk]])]] - [:div.flex.items-center.text-white.justify-end.mr-2 + (for [kiosk available-kiosks] + [:li.px-3 {:key kiosk} + [:a {:href (rfe/href ::routes/kiosk nil {:serviceId service-id + :kioskId kiosk})} + kiosk]])]] + [:div.flex.items-center.text-white.justify-end (when-not show-search-form? [:button.mx-3 {:on-click (fn [] |