Polish mobile request and notification layouts
This commit is contained in:
parent
0975b5dec8
commit
6cee86833e
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user