mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-25 18:55:44 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fix media not loading if status is not cached

Browse source
This commit is contained in:
Lim Chee Aun 2023-04-15 12:26:11 +08:00
parent 5d2a14442a
commit a505f7c5e4
2 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/app.css
View file

@ -804,14 +804,6 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
flex-grow: 1; flex-grow: 1;
/* backdrop-filter: saturate(0.75); */ /* backdrop-filter: saturate(0.75); */
} }
.deck-backdrop > .deck-loader {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(24px);
background-image: radial-gradient(closest-side, var(--bg-color), transparent);
}
@keyframes slide-in { @keyframes slide-in {
0% { 0% {
transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
@ -902,6 +894,16 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
backdrop-filter: blur(24px); backdrop-filter: blur(24px);
animation: appear 0.3s var(--timing-function) both; animation: appear 0.3s var(--timing-function) both;
} }
.media-modal-container.loading {
display: flex;
justify-content: center;
align-items: center;
background-image: radial-gradient(
closest-side,
var(--bg-blur-color),
transparent
);
}
.carousel { .carousel {
display: flex; display: flex;

6
src/pages/status.jsx
View file

@ -86,7 +86,7 @@ function StatusPage() {
} }
})(); })();
} }
}, []); }, [showMedia]);
const mediaAttachments = mediaStatusID const mediaAttachments = mediaStatusID
? mediaStatus?.mediaAttachments ? mediaStatus?.mediaAttachments
@ -112,8 +112,8 @@ function StatusPage() {
}} }}
/> />
) : ( ) : (
<div class="deck-loader"> <div class="media-modal-container loading">
<Loader /> <Loader abrupt />
</div> </div>
) )
) : ( ) : (