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
|
@ -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";
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue