nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

More media-first styling changes

Browse source
This commit is contained in:
Lim Chee Aun 2024-04-15 17:07:34 +08:00
parent 294ab2bf00
commit 701b9e99b3
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/status.css
View file

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