degmods/degmods.com
5
0
Fork 0
Code Issues 10 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Relay operations refactored with NDK for publishing events (+ more. Wrapped up refactoring), pagination scroll up on click, body scroll disable/enable when popups appear/disappear, nsfw tag shown on mod cards if mod post is nsfw #92

Merged
freakoverse merged 19 commits from staging into master 2024-10-21 14:17:02 +00:00
Conversation 0 Commits 19 Files Changed 33 +15 -5
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b10920597f - Show all commits

6
src/components/ModCard.tsx
View File

@ -50,7 +50,13 @@ export const ModCard = React.memo((props: ModDetails) => {
src={props.featuredImageUrl} src={props.featuredImageUrl}
onError={handleModImageError} onError={handleModImageError}
className='cMMPicture' className='cMMPicture'
alt={`featured image for mod ${props.title}`}
/> />
{props.nsfw && (
<div className='IBMSMSMBSSTagsTag IBMSMSMBSSTagsTagNSFW IBMSMSMBSSTagsTagNSFWCard'>
<p>NSFW</p>
</div>
)}
</div> </div>
<div className='cMMBody'> <div className='cMMBody'>
<h3 className='cMMBodyTitle'>{props.title}</h3> <h3 className='cMMBodyTitle'>{props.title}</h3>

4
src/styles/cardMod.css
View File

@ -96,6 +96,7 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
line-clamp: 2;
font-size: 20px; font-size: 20px;
line-height: 1.25; line-height: 1.25;
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
@ -107,6 +108,7 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
line-clamp: 2;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-size: 15px; font-size: 15px;
line-height: 1.5; line-height: 1.5;
@ -124,6 +126,7 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
line-clamp: 1;
} }
.cMMFootReactions { .cMMFootReactions {
@ -148,5 +151,6 @@
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
right: 10px; right: 10px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }