hopefully temporarily fixed the message width problem

This commit is contained in:
DJ2LS 2024-04-30 21:23:13 +02:00
parent 1419035250
commit d3f378ec43

View file

@ -46,8 +46,8 @@
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body w-100">
<p class="card-text">{{ message.body }}</p> <p class="card-text w-100">{{ message.body }}</p>
</div> </div>
<div class="card-footer p-0 bg-secondary border-top-0"> <div class="card-footer p-0 bg-secondary border-top-0">
@ -164,13 +164,12 @@ export default {
computed: { computed: {
messageWidthClass() { messageWidthClass() {
// Calculate a Bootstrap grid class based on message length // Calculate a Bootstrap grid class based on message length
// Adjust the logic as needed to fit your requirements
if (this.message.body.length <= 50) { if (this.message.body.length <= 50) {
return "col-4"; return "col-4";
} else if (this.message.body.length <= 100) { } else if (this.message.body.length <= 100) {
return "col-6"; return "col-5";
} else { } else {
return "col-9"; return "col-5";
} }
}, },