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