Polish mobile request and notification layouts

This commit is contained in:
SimpleTest 2026-08-03 11:13:19 +03:00
parent 0975b5dec8
commit 6cee86833e
2 changed files with 3 additions and 6 deletions

View File

@ -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 {

View File

@ -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" />
<span class="truncate">{label}</span>
<span class="min-w-0 text-center leading-tight sm:truncate">{label}</span>
<span
:if={section == "inbox" && @unread_count > 0}
class="badge badge-primary badge-xs shrink-0"