-1

src/components/status.css

reviewed

··· 2908 2908 2909 2909 .status .media :is(img, video), 2910 2910 .carousel .carousel-item :is(img, video) { 2911 2911 - interpolate-size: allow-keywords; 2912 2911 transition-property: width, height; 2913 2912 transition-timing-function: var(--timing-function); 2914 2913 transition-duration: 0.1s;

+1 -1

src/components/status.jsx

reviewed

··· 3661 3661 3662 3662 return ( 3663 3663 <article 3664 3664 - class={`status compact-reply ${ 3664 3664 + class={`status compact-reply shazam ${ 3665 3665 visibility === 'direct' ? 'visibility-direct' : '' 3666 3666 }`} 3667 3667 tabindex="-1"

+12

src/index.css

reviewed

··· 2 2 @custom-media --viewport-medium (min-width: 40em); 3 3 4 4 :root { 5 5 + interpolate-size: allow-keywords; 6 6 + 5 7 --sai-top: env(safe-area-inset-top); 6 8 --sai-right: env(safe-area-inset-right); 7 9 --sai-bottom: env(safe-area-inset-bottom); ··· 587 589 } 588 590 .shazam-container-horizontal[hidden] { 589 591 grid-template-columns: 0fr; 592 592 + } 593 593 + 594 594 + .shazam { 595 595 + transition: all 0.3s ease-out allow-discrete; 596 596 + @starting-style { 597 597 + display: none; 598 598 + opacity: 0; 599 599 + height: 0; 600 600 + overflow: clip; 601 601 + } 590 602 } 591 603 592 604 @keyframes spin {