diff --git a/src/pages/innerMod.tsx b/src/pages/innerMod.tsx index 55e9ab1..27f4a26 100644 --- a/src/pages/innerMod.tsx +++ b/src/pages/innerMod.tsx @@ -111,6 +111,7 @@ export const InnerModPage = () => { body={modData.body} screenshotsUrls={modData.screenshotsUrls} tags={modData.tags} + nsfw={modData.nsfw} /> { const postBodyRef = useRef(null) const viewFullPostBtnRef = useRef(null) @@ -376,6 +379,12 @@ const Body = ({ ))}
+ {nsfw && ( +
+

NSFW

+
+ )} + {tags.map((tag, index) => ( {tag} diff --git a/src/styles/about.css b/src/styles/about.css index 8759ced..82d32ef 100644 --- a/src/styles/about.css +++ b/src/styles/about.css @@ -5,9 +5,9 @@ grid-gap: 25px; padding: 50px 15px; border-radius: 15px; - background: rgba(255,255,255,0.05); - box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); - color: rgba(255,255,255,0.75); + background: rgba(255, 255, 255, 0.05); + box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.75); align-items: center; justify-content: start; position: relative; @@ -75,7 +75,7 @@ display: flex; flex-direction: row; grid-gap: 10px; - border-top: solid 1px rgba(255,255,255,0.1); + border-top: solid 1px rgba(255, 255, 255, 0.1); padding: 10px 0 0 0; } @@ -95,7 +95,7 @@ transition: ease 0.4s; opacity: 1; transform: scale(1.02); - background: rgba(255,255,255,0.1); + background: rgba(255, 255, 255, 0.1); } .learnLinksLinkImg { @@ -103,3 +103,7 @@ max-width: 28px; } +.IBMSMSMBSSTagsTag.IBMSMSMBSSTagsTagNSFW:hover { + border: unset; + transform: scale(1); +} diff --git a/src/styles/tags.css b/src/styles/tags.css index 1de956f..9a94e80 100644 --- a/src/styles/tags.css +++ b/src/styles/tags.css @@ -12,21 +12,21 @@ transition: ease 0.4s; padding: 5px 15px; border-radius: 10px; - background: rgba(255,255,255,0); - color: rgba(255,255,255,0.25); + background: rgba(255, 255, 255, 0); + color: rgba(255, 255, 255, 0.25); text-decoration: unset; text-align: center; cursor: pointer; - box-shadow: 0 0 8px 0 rgba(0,0,0,0); - border: solid 1px rgba(255,255,255,0.05); + box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0); + border: solid 1px rgba(255, 255, 255, 0.05); } .IBMSMSMBSSTagsTag:hover { transition: ease 0.4s; transform: scale(1.02); - color: rgba(255,255,255,0.5); - box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); - background: rgba(255,255,255,0.05); + color: rgba(255, 255, 255, 0.5); + box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1); + background: rgba(255, 255, 255, 0.05); } .IBMSMSMBSSTagsTag:active { @@ -34,3 +34,12 @@ transform: scale(0.98); } +.IBMSMSMBSSTagsTag.IBMSMSMBSSTagsTagNSFW { + background: rgba(255, 255, 255, 0.1); + color: rgb(225, 68, 68); + font-weight: bold; + border: unset; + font-size: 14px; + cursor: default; + box-shadow: unset; +}