fix: fade in fixed latest notes
This commit is contained in:
parent
fad8a17724
commit
b9267fe1e1
@ -69,7 +69,7 @@ export default function Timeline({
|
|||||||
function eventElement(e: TaggedRawEvent) {
|
function eventElement(e: TaggedRawEvent) {
|
||||||
switch (e.kind) {
|
switch (e.kind) {
|
||||||
case EventKind.SetMetadata: {
|
case EventKind.SetMetadata: {
|
||||||
return <ProfilePreview pubkey={e.pubkey} className="card" />;
|
return <ProfilePreview actions={null} pubkey={e.pubkey} className="card" />;
|
||||||
}
|
}
|
||||||
case EventKind.TextNote: {
|
case EventKind.TextNote: {
|
||||||
return <Note key={e.id} data={e} related={related.notes} ignoreModeration={ignoreModeration} />;
|
return <Note key={e.id} data={e} related={related.notes} ignoreModeration={ignoreModeration} />;
|
||||||
@ -108,7 +108,7 @@ export default function Timeline({
|
|||||||
<ArrowUp />
|
<ArrowUp />
|
||||||
</div>
|
</div>
|
||||||
{!inView && (
|
{!inView && (
|
||||||
<div className="card latest-notes latest-notes-fixed pointer" onClick={() => onShowLatest(true)}>
|
<div className="card latest-notes latest-notes-fixed pointer fade-in" onClick={() => onShowLatest(true)}>
|
||||||
{latestAuthors.slice(0, 3).map(p => {
|
{latestAuthors.slice(0, 3).map(p => {
|
||||||
return <ProfileImage pubkey={p} showUsername={false} linkToProfile={false} />;
|
return <ProfileImage pubkey={p} showUsername={false} linkToProfile={false} />;
|
||||||
})}
|
})}
|
||||||
|
@ -589,3 +589,25 @@ button.tall {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.align-center {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-in {
|
||||||
|
opacity: 1;
|
||||||
|
animation-name: fadeInOpacity;
|
||||||
|
animation-timing-function: ease-in;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInOpacity {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user