norbert.tretkowski/mastowall
norbert.tretkowski/mastowall
1
1
Fork 3
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix post content not being child of card-text

Browse source
This commit is contained in:
Max L. 2023-11-24 12:26:44 +01:00
parent b0051867aa
commit 6f9459fb3e
No known key found for this signature in database
GPG key ID: 2F963B95632B8467
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
script.js
View file

@ -193,7 +193,7 @@ const updateCarousel = function(slides, posts) {
</div> </div>
<hr> <hr>
<div class="row align-items-center vertical-align-center"> <div class="row align-items-center vertical-align-center">
${post.media_attachments[0] ? `<div class="col-md-6"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>` : `<div class="col-md-12"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>`} ${post.media_attachments[0] ? `<div class="col-md-6"><div class="card-text">${DOMPurify.sanitize(post.content)}</div></div>` : `<div class="col-md-12"><div class="card-text">${DOMPurify.sanitize(post.content)}</div></div>`}
${post.media_attachments[0] ? `<div class="col-md-6"><img src="${post.media_attachments[0].url}" class="card-img-bottom" align="center"> </div>` : ''} ${post.media_attachments[0] ? `<div class="col-md-6"><img src="${post.media_attachments[0].url}" class="card-img-bottom" align="center"> </div>` : ''}
</div> </div>
<hr> <hr>

8
styles.css
View file

@ -50,6 +50,10 @@
margin-bottom: 1px !important; margin-bottom: 1px !important;
} }
.carousel .card-text {
font-size: 1.4em;
}
.card { .card {
font-size: 0.9em; /* adjust this value to get the desired text size */ font-size: 0.9em; /* adjust this value to get the desired text size */
} }
@ -186,10 +190,6 @@ body {
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }
.card-text ~ p {
font-size: 1.4em;
}
.card-img-bottom { .card-img-bottom {
max-width: 600px; max-width: 600px;
max-height: 500px; max-height: 500px;