More media-first styling changes

This commit is contained in:
Lim Chee Aun 2024-04-15 17:07:34 +08:00
parent 294ab2bf00
commit 701b9e99b3

View file

@ -1375,11 +1375,13 @@ body:has(#modal-container .carousel) .status .media img:hover {
/* border: var(--hairline-width) solid var(--outline-color);
border-inline-width: 0;
background-color: var(--bg-faded-color); */
box-shadow: 0 0 0 var(--hairline-width) var(--outline-color);
@media (min-width: 40em) {
margin-inline: 0;
/* border-radius: 4px; */
border-inline-width: var(--hairline-width);
box-shadow: none;
}
&::-webkit-scrollbar {
@ -1397,7 +1399,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
&:not(:only-child) {
background-color: var(--bg-blur-color);
box-shadow: inset 0 0 0 var(--hairline-width) var(--outline-color);
/* box-shadow: inset 0 0 0 var(--hairline-width) var(--outline-color); */
}
.media {
@ -1414,6 +1416,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
&:active {
transform: none;
filter: none;
}
img,