Fix small-width media indentation in status carousels

Center-ize it, add a background color
This commit is contained in:
Lim Chee Aun 2023-12-23 15:34:25 +08:00
parent 5d95d602a7
commit 486a707f49
2 changed files with 6 additions and 1 deletions

View file

@ -751,6 +751,11 @@
&:not(.media-figure-multiple .media-container) { &:not(.media-figure-multiple .media-container) {
margin-bottom: -16px; margin-bottom: -16px;
&.media-eq1 {
text-align: center;
background-color: var(--img-bg-color);
}
} }
.media { .media {

View file

@ -83,7 +83,7 @@
--private-note-bg-color: color-mix(in srgb, yellow 20%, var(--bg-color)); --private-note-bg-color: color-mix(in srgb, yellow 20%, var(--bg-color));
--private-note-border-color: rgba(0, 0, 0, 0.2); --private-note-border-color: rgba(0, 0, 0, 0.2);
/* Video colors won't change based on color scheme */ /* Media colors won't change based on color scheme */
--media-fg-color: #f0f2f5; --media-fg-color: #f0f2f5;
--media-bg-color: #242526; --media-bg-color: #242526;
--media-outline-color: color-mix(in lch, var(--media-fg-color), transparent); --media-outline-color: color-mix(in lch, var(--media-fg-color), transparent);