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

Beautify play icon a bit

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-22 00:15:17 +08:00
parent 7ec1cd1e3d
commit 85a4b382da
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/status.css
View file

@ -865,8 +865,13 @@ body:has(#modal-container .carousel) .status .media img:hover {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: var(--text-color); color: var(--text-color);
background-color: var(--bg-blur-color); background-color: var(--bg-blur-color);
background-image: radial-gradient(
circle at top left,
var(--bg-color),
transparent
);
/* backdrop-filter: blur(6px) saturate(3) invert(0.2); */ /* backdrop-filter: blur(6px) saturate(3) invert(0.2); */
box-shadow: 0 0 16px var(--drop-shadow-color); box-shadow: 0 0 0 1px var(--bg-color), 0 0 16px var(--drop-shadow-color);
display: flex; display: flex;
place-content: center; place-content: center;
place-items: center; place-items: center;
@ -876,7 +881,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
.status :is(.media-video, .media-audio):hover:not(:active) .media-play { .status :is(.media-video, .media-audio):hover:not(:active) .media-play {
transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);
background-color: var(--bg-color); background-color: var(--bg-color);
box-shadow: 0 0 16px var(--drop-shadow-color), box-shadow: 0 0 0 1px var(--bg-color), 0 0 16px var(--drop-shadow-color),
0 0 8px var(--drop-shadow-color); 0 0 8px var(--drop-shadow-color);
} }
.status :is(.media-video, .media-audio)[data-formatted-duration]:after { .status :is(.media-video, .media-audio)[data-formatted-duration]:after {