mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-18 00:01:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use luminosity for aesthetics

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-28 15:48:55 +08:00
parent 13cf7b3f92
commit b6c59d4ee1
2 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app.css
View file

@ -1087,6 +1087,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
top: env(safe-area-inset-top, 0); top: env(safe-area-inset-top, 0);
} }
:is(.carousel-top-controls, .carousel-controls) { :is(.carousel-top-controls, .carousel-controls) {
mix-blend-mode: luminosity;
position: absolute; position: absolute;
left: 0; left: 0;
left: env(safe-area-inset-left, 0); left: env(safe-area-inset-left, 0);

1
src/components/status.css
View file

@ -1049,6 +1049,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
font-size: 90%; font-size: 90%;
z-index: 1; z-index: 1;
text-shadow: 0 var(--hairline-width) var(--bg-color); text-shadow: 0 var(--hairline-width) var(--bg-color);
mix-blend-mode: luminosity;
} }
.carousel-item button.media-alt .media-alt-desc { .carousel-item button.media-alt .media-alt-desc {
overflow: hidden; overflow: hidden;