Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-23 22:14:42 +01:00
Code Issues Projects Releases Packages Wiki Activity

Less radius for animated media

Browse source
This commit is contained in:
Lim Chee Aun 2023-12-30 20:29:21 +08:00
parent 796b365fd8
commit 32d32b72f4
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/media.jsx
View file

@ -358,7 +358,7 @@ function Media({
<Parent <Parent
class={`media ${className} media-${isGIF ? 'gif' : 'video'} ${ class={`media ${className} media-${isGIF ? 'gif' : 'video'} ${
autoGIFAnimate ? 'media-contain' : '' autoGIFAnimate ? 'media-contain' : ''
}`} } ${hoverAnimate ? 'media-hover-animate' : ''}`}
data-orientation={orientation} data-orientation={orientation}
data-formatted-duration={ data-formatted-duration={
!showOriginal ? formattedDuration : undefined !showOriginal ? formattedDuration : undefined

11
src/components/status.css
View file

@ -940,6 +940,10 @@
} }
.status.large .media-container.media-eq1 { .status.large .media-container.media-eq1 {
max-height: min(var(--height), 60vh); max-height: min(var(--height), 60vh);
.media-gif.media-contain {
border-radius: 2px;
}
} }
.status.large .status.large
.media-container:not(.status-card .media-container).media-eq1 .media-container:not(.status-card .media-container).media-eq1
@ -1159,6 +1163,13 @@ body:has(#modal-container .carousel) .status .media img:hover {
.status .media-contain video { .status .media-contain video {
object-fit: scale-down !important; object-fit: scale-down !important;
} }
.status .media-eq1 .media-hover-animate {
transition: border-radius 0.15s ease-out;
&:hover {
border-radius: 2px;
}
}
/* .status .media-audio { /* .status .media-audio {
border: 0; border: 0;
min-height: 0; min-height: 0;