mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-12-19 08:41:51 +03:00
Code Issues Projects Releases Packages Wiki Activity

More accurate border radius

Browse source
This commit is contained in:
Lim Chee Aun 2023-08-07 16:00:12 +08:00
parent 9b23e051e2
commit 794ee3cb74
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/status.css
View file

@ -591,12 +591,13 @@
max-height: 60vh; max-height: 60vh;
} }
.status .media-container .media { .status .media-container .media {
--media-border-width: 1px;
--media-radius: 16px; --media-radius: 16px;
--media-radius-inner: 4px; --media-radius-inner: 4px;
border-radius: var(--media-radius); border-radius: var(--media-radius);
overflow: hidden; overflow: hidden;
min-height: 80px; min-height: 80px;
border: 1px solid var(--outline-color); border: var(--media-border-width) solid var(--outline-color);
} }
.status .media-container:not(.media-eq1) .media { .status .media-container:not(.media-eq1) .media {
aspect-ratio: auto !important; aspect-ratio: auto !important;
@ -734,7 +735,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
border-radius: inherit; border-radius: calc(var(--media-radius) - var(--media-border-width));
} }
.status :is(.media-video, .media-audio, .media-gif) { .status :is(.media-video, .media-audio, .media-gif) {
position: relative; position: relative;