new notes btn positioning
This commit is contained in:
parent
9ade6a553f
commit
9af52bfefd
@ -10,8 +10,9 @@
|
|||||||
|
|
||||||
.latest-notes-fixed {
|
.latest-notes-fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 45%;
|
top: 50px;
|
||||||
top: 12px;
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
width: auto;
|
width: auto;
|
||||||
z-index: 42;
|
z-index: 42;
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
|
@ -91,7 +91,15 @@ export function TimelineRenderer(props: TimelineRendererProps) {
|
|||||||
className="card latest-notes latest-notes-fixed pointer fade-in"
|
className="card latest-notes latest-notes-fixed pointer fade-in"
|
||||||
onClick={() => props.showLatest(true)}>
|
onClick={() => props.showLatest(true)}>
|
||||||
{props.latest.slice(0, 3).map(p => {
|
{props.latest.slice(0, 3).map(p => {
|
||||||
return <ProfileImage pubkey={p} showUsername={false} link={""} showFollowDistance={false} />;
|
return (
|
||||||
|
<ProfileImage
|
||||||
|
pubkey={p}
|
||||||
|
showProfileCard={false}
|
||||||
|
showUsername={false}
|
||||||
|
link={""}
|
||||||
|
showFollowDistance={false}
|
||||||
|
/>
|
||||||
|
);
|
||||||
})}
|
})}
|
||||||
<FormattedMessage
|
<FormattedMessage
|
||||||
defaultMessage="{n} new {n, plural, =1 {note} other {notes}}"
|
defaultMessage="{n} new {n, plural, =1 {note} other {notes}}"
|
||||||
|
@ -73,7 +73,9 @@ export function Header() {
|
|||||||
{ "md:hidden": pageName === "messages" },
|
{ "md:hidden": pageName === "messages" },
|
||||||
"flex justify-between items-center self-stretch gap-6 sticky top-0 z-10 bg-bg-color md:bg-header md:bg-opacity-50 md:shadow-lg md:backdrop-blur-lg",
|
"flex justify-between items-center self-stretch gap-6 sticky top-0 z-10 bg-bg-color md:bg-header md:bg-opacity-50 md:shadow-lg md:backdrop-blur-lg",
|
||||||
)}>
|
)}>
|
||||||
<div onClick={handleBackButtonClick} className={classNames({"hidden": !showBackButton}, "p-2 md:p-3 cursor-pointer")}>
|
<div
|
||||||
|
onClick={handleBackButtonClick}
|
||||||
|
className={classNames({ hidden: !showBackButton }, "p-2 md:p-3 cursor-pointer")}>
|
||||||
<Icon name="arrowBack" />
|
<Icon name="arrowBack" />
|
||||||
</div>
|
</div>
|
||||||
{!showBackButton && (
|
{!showBackButton && (
|
||||||
|
Loading…
Reference in New Issue
Block a user