From 55ad6500bc179679ac33524468868ee0e8ba7004 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 16 Apr 2024 23:21:46 +0800
Subject: [PATCH] Fix margins
---
src/components/status.css | 12 ++++++++----
1 file changed, 8 insertions(+), 4 deletions(-)
diff --git a/src/components/status.css b/src/components/status.css
index 768eab3b..a472bbe8 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -1374,6 +1374,12 @@ body:has(#modal-container .carousel) .status .media img:hover {
.media-first-container {
position: relative;
+ margin-top: 8px;
+ margin-inline: -16px;
+
+ @media (min-width: 40em) {
+ margin-inline: 0;
+ }
.media-carousel-controls {
flex-shrink: 0;
@@ -1432,7 +1438,6 @@ body:has(#modal-container .carousel) .status .media img:hover {
}
.media-first-carousel {
- margin-top: 8px;
display: flex;
max-height: 80vh;
overflow-x: auto;
@@ -1440,7 +1445,6 @@ body:has(#modal-container .carousel) .status .media img:hover {
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
user-select: none;
- margin-inline: -16px;
scrollbar-width: none;
/* border: var(--hairline-width) solid var(--outline-color);
border-inline-width: 0;
@@ -1449,9 +1453,9 @@ body:has(#modal-container .carousel) .status .media img:hover {
scroll-timeline: --media-carousel x;
@media (min-width: 40em) {
- margin-inline: 0;
+ /* margin-inline: 0; */
/* border-radius: 4px; */
- border-inline-width: var(--hairline-width);
+ /* border-inline-width: var(--hairline-width); */
box-shadow: none;
}