diff --git a/src/styles/colors.scss b/src/styles/colors.scss index 78e179f..66a2311 100644 --- a/src/styles/colors.scss +++ b/src/styles/colors.scss @@ -19,9 +19,11 @@ $block-border: #332941; $block-background: #1d1924; $block-background-alternate: #16131b; +$media-box-border: #311e49; + $tag-background: #1b3c21; $tag-count-background: #2d6236; $tag-text: #4aa158; $input-background: #26232d; -$input-border: #5c5a61; \ No newline at end of file +$input-border: #5c5a61; diff --git a/src/styles/content/listing.scss b/src/styles/content/listing.scss index 53f511c..acbad91 100644 --- a/src/styles/content/listing.scss +++ b/src/styles/content/listing.scss @@ -1,3 +1,5 @@ +@use '../colors'; + .media-box { position: relative; overflow: initial !important; @@ -10,8 +12,23 @@ left: -50%; right: -50%; z-index: 8; - background: #1d1924; - border: 1px solid #311e49; + background: colors.$footer; + border: 1px solid colors.$media-box-border; + + .tags-list { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 6px; + + .tag { + margin: 0; + } + } + + .tag { + padding: 0 6px; + } } &:hover .maintenance-popup.is-active {