+6

src/components/status.jsx

reviewed

··· 2593 2593 e.target.style.display = 'none'; 2594 2594 } catch (e) {} 2595 2595 }} 2596 2596 + style={{ 2597 2597 + '--anim-duration': 2598 2598 + width && 2599 2599 + height && 2600 2600 + `${Math.min(Math.max(Math.max(width, height) / 100, 5), 120)}s`, 2601 2601 + }} 2596 2602 /> 2597 2603 </div> 2598 2604 <div class="meta-container">

+1

src/pages/catchup.css

reviewed

··· 875 875 position: relative; 876 876 z-index: 1; 877 877 animation: position-object 5s ease-in-out 5; 878 878 + animation-duration: var(--anim-duration, 5s); 878 879 879 880 /* @media (min-width: 40em) and (min-height: 600px) { 880 881 transform: scale(3);

+24

src/pages/catchup.jsx

reviewed

··· 1765 1765 ? mediaAttachments.map((m) => { 1766 1766 const mediaURL = m.previewUrl || m.url; 1767 1767 const remoteMediaURL = m.previewRemoteUrl || m.remoteUrl; 1768 1768 + const width = m.meta?.original 1769 1769 + ? m.meta.original.width 1770 1770 + : m.meta?.small?.width || m.meta?.original?.width; 1771 1771 + const height = m.meta?.original 1772 1772 + ? m.meta.original.height 1773 1773 + : m.meta?.small?.height || m.meta?.original?.height; 1768 1774 return ( 1769 1775 <span key={m.id} class="post-peek-media"> 1770 1776 {{ ··· 1781 1787 if (src === mediaURL) { 1782 1788 e.target.src = remoteMediaURL; 1783 1789 } 1790 1790 + }} 1791 1791 + style={{ 1792 1792 + '--anim-duration': `${Math.min( 1793 1793 + Math.max(Math.max(width, height) / 100, 5), 1794 1794 + 120, 1795 1795 + )}s`, 1784 1796 }} 1785 1797 /> 1786 1798 ) : ( ··· 1844 1856 card.title || card.description || card.imageDescription 1845 1857 } 1846 1858 loading="lazy" 1859 1859 + style={{ 1860 1860 + '--anim-duration': 1861 1861 + card.width && 1862 1862 + card.height && 1863 1863 + `${Math.min( 1864 1864 + Math.max( 1865 1865 + Math.max(card.width, card.height) / 100, 1866 1866 + 5, 1867 1867 + ), 1868 1868 + 120, 1869 1869 + )}s`, 1870 1870 + }} 1847 1871 /> 1848 1872 ) : ( 1849 1873 <span class="post-peek-faux-media">🔗</span>