From 6cee86833e3ddcebc4e17e772b0ee2136a9ea93d Mon Sep 17 00:00:00 2001 From: SimpleTest Date: Mon, 3 Aug 2026 11:13:19 +0300 Subject: [PATCH] Polish mobile request and notification layouts --- assets/css/app.css | 5 +---- lib/who_need_help_web/live/notification_live.ex | 4 ++-- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/assets/css/app.css b/assets/css/app.css index b5486e7..2760ff1 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1318,10 +1318,7 @@ html { } .request-form-publish { - position: sticky; - z-index: 10; - bottom: max(0.75rem, env(safe-area-inset-bottom)); - box-shadow: 0 0.75rem 1.75rem rgb(23 37 31 / 0.22); + position: static; } .request-location-workspace { diff --git a/lib/who_need_help_web/live/notification_live.ex b/lib/who_need_help_web/live/notification_live.ex index c157977..34562ad 100644 --- a/lib/who_need_help_web/live/notification_live.ex +++ b/lib/who_need_help_web/live/notification_live.ex @@ -244,13 +244,13 @@ defmodule WhoNeedHelpWeb.NotificationLive do patch={~p"/notifications?section=#{section}"} aria-current={if @section == section, do: "page", else: nil} class={[ - "flex min-w-0 items-center justify-center gap-1.5 rounded-xl px-2 py-3 text-sm font-bold transition sm:gap-2", + "flex min-h-14 min-w-0 items-center justify-center gap-1.5 rounded-xl px-2 py-2 text-sm font-bold transition sm:min-h-0 sm:gap-2 sm:py-3", @section == section && "bg-base-100 text-primary shadow-sm", @section != section && "text-base-content/65 hover:bg-base-100/70" ]} > <.icon name={icon} class="size-5 shrink-0" /> - {label} + {label} 0} class="badge badge-primary badge-xs shrink-0"