Polish mobile request and notification layouts
This commit is contained in:
parent
0975b5dec8
commit
6cee86833e
|
|
@ -1318,10 +1318,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.request-form-publish {
|
.request-form-publish {
|
||||||
position: sticky;
|
position: static;
|
||||||
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);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.request-location-workspace {
|
.request-location-workspace {
|
||||||
|
|
|
||||||
|
|
@ -244,13 +244,13 @@ defmodule WhoNeedHelpWeb.NotificationLive do
|
||||||
patch={~p"/notifications?section=#{section}"}
|
patch={~p"/notifications?section=#{section}"}
|
||||||
aria-current={if @section == section, do: "page", else: nil}
|
aria-current={if @section == section, do: "page", else: nil}
|
||||||
class={[
|
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 && "bg-base-100 text-primary shadow-sm",
|
||||||
@section != section && "text-base-content/65 hover:bg-base-100/70"
|
@section != section && "text-base-content/65 hover:bg-base-100/70"
|
||||||
]}
|
]}
|
||||||
>
|
>
|
||||||
<.icon name={icon} class="size-5 shrink-0" />
|
<.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
|
<span
|
||||||
:if={section == "inbox" && @unread_count > 0}
|
:if={section == "inbox" && @unread_count > 0}
|
||||||
class="badge badge-primary badge-xs shrink-0"
|
class="badge badge-primary badge-xs shrink-0"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user