Kieran
/
snort
5
14
Fork 14
Code Issues 52 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

fix: fade in fixed latest notes

This commit is contained in:
Alejandro Gomez 2023-02-14 22:32:34 +01:00 committed by Kieran
parent fad8a17724
commit b9267fe1e1
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
2 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/Element/Timeline.tsx
View File

@ -69,7 +69,7 @@ export default function Timeline({
function eventElement(e: TaggedRawEvent) {
switch (e.kind) {
case EventKind.SetMetadata: {
return <ProfilePreview pubkey={e.pubkey} className="card" />;
return <ProfilePreview actions={null} pubkey={e.pubkey} className="card" />;
}
case EventKind.TextNote: {
return <Note key={e.id} data={e} related={related.notes} ignoreModeration={ignoreModeration} />;
@ -108,7 +108,7 @@ export default function Timeline({
<ArrowUp />
</div>
{!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 => {
return <ProfileImage pubkey={p} showUsername={false} linkToProfile={false} />;
})}

22
packages/app/src/index.css
View File

@ -589,3 +589,25 @@ button.tall {
display: flex;
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;
}
}