this repo has no description
Less radius for animated media
+12
-1
+1
-1
src/components/media.jsx
+1
-1
src/components/media.jsx
···
358
358
<Parent
359
359
class={`media ${className} media-${isGIF ? 'gif' : 'video'} ${
360
360
autoGIFAnimate ? 'media-contain' : ''
361
-
}`}
361
+
} ${hoverAnimate ? 'media-hover-animate' : ''}`}
362
362
data-orientation={orientation}
363
363
data-formatted-duration={
364
364
!showOriginal ? formattedDuration : undefined
+11
src/components/status.css
+11
src/components/status.css
···
940
940
}
941
941
.status.large .media-container.media-eq1 {
942
942
max-height: min(var(--height), 60vh);
943
+
944
+
.media-gif.media-contain {
945
+
border-radius: 2px;
946
+
}
943
947
}
944
948
.status.large
945
949
.media-container:not(.status-card .media-container).media-eq1
···
1158
1162
}
1159
1163
.status .media-contain video {
1160
1164
object-fit: scale-down !important;
1165
+
}
1166
+
.status .media-eq1 .media-hover-animate {
1167
+
transition: border-radius 0.15s ease-out;
1168
+
1169
+
&:hover {
1170
+
border-radius: 2px;
1171
+
}
1161
1172
}
1162
1173
/* .status .media-audio {
1163
1174
border: 0;