mirror of
https://github.com/DJ2LS/FreeDATA
synced 2024-05-14 08:04:33 +00:00
hopefully temporarily fixed the message width problem
This commit is contained in:
parent
1419035250
commit
d3f378ec43
1 changed files with 4 additions and 5 deletions
|
@ -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";
|
||||
}
|
||||
},
|
||||
|
||||
|
|
Loading…
Reference in a new issue