Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-25 01:08:50 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix margins

Browse source
This commit is contained in:
Lim Chee Aun 2024-04-16 23:21:46 +08:00
parent f4b95d254c
commit 55ad6500bc
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/status.css
View file

@ -1374,6 +1374,12 @@ body:has(#modal-container .carousel) .status .media img:hover {
.media-first-container { .media-first-container {
position: relative; position: relative;
margin-top: 8px;
margin-inline: -16px;
@media (min-width: 40em) {
margin-inline: 0;
}
.media-carousel-controls { .media-carousel-controls {
flex-shrink: 0; flex-shrink: 0;
@ -1432,7 +1438,6 @@ body:has(#modal-container .carousel) .status .media img:hover {
} }
.media-first-carousel { .media-first-carousel {
margin-top: 8px;
display: flex; display: flex;
max-height: 80vh; max-height: 80vh;
overflow-x: auto; overflow-x: auto;
@ -1440,7 +1445,6 @@ body:has(#modal-container .carousel) .status .media img:hover {
scroll-snap-type: x mandatory; scroll-snap-type: x mandatory;
scroll-behavior: smooth; scroll-behavior: smooth;
user-select: none; user-select: none;
margin-inline: -16px;
scrollbar-width: none; scrollbar-width: none;
/* border: var(--hairline-width) solid var(--outline-color); /* border: var(--hairline-width) solid var(--outline-color);
border-inline-width: 0; border-inline-width: 0;
@ -1449,9 +1453,9 @@ body:has(#modal-container .carousel) .status .media img:hover {
scroll-timeline: --media-carousel x; scroll-timeline: --media-carousel x;
@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; box-shadow: none;
} }