mirror
/
phanpy
kopia lustrzana https://github.com/cheeaun/phanpy
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Beautify play icon a bit

pull/228/head
Lim Chee Aun 2023-09-22 00:15:17 +08:00
rodzic 7ec1cd1e3d
commit 85a4b382da
1 zmienionych plików z 7 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

9
src/components/status.css
Wyświetl plik

@ -865,8 +865,13 @@ body:has(#modal-container .carousel) .status .media img:hover {
transform: translate(-50%, -50%);
color: var(--text-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); */
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;
place-content: 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 {
transform: translate(-50%, -50%) scale(1.1);
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);
}
.status :is(.media-video, .media-audio)[data-formatted-duration]:after {