this repo has no description
Beautify play icon a bit
+7
-2
+7
-2
src/components/status.css
+7
-2
src/components/status.css
···
865
865
transform: translate(-50%, -50%);
866
866
color: var(--text-color);
867
867
background-color: var(--bg-blur-color);
868
+
background-image: radial-gradient(
869
+
circle at top left,
870
+
var(--bg-color),
871
+
transparent
872
+
);
868
873
/* backdrop-filter: blur(6px) saturate(3) invert(0.2); */
869
-
box-shadow: 0 0 16px var(--drop-shadow-color);
874
+
box-shadow: 0 0 0 1px var(--bg-color), 0 0 16px var(--drop-shadow-color);
870
875
display: flex;
871
876
place-content: center;
872
877
place-items: center;
···
876
881
.status :is(.media-video, .media-audio):hover:not(:active) .media-play {
877
882
transform: translate(-50%, -50%) scale(1.1);
878
883
background-color: var(--bg-color);
879
-
box-shadow: 0 0 16px var(--drop-shadow-color),
884
+
box-shadow: 0 0 0 1px var(--bg-color), 0 0 16px var(--drop-shadow-color),
880
885
0 0 8px var(--drop-shadow-color);
881
886
}
882
887
.status :is(.media-video, .media-audio)[data-formatted-duration]:after {