little layout fix

This commit is contained in:
SimonGschnell
2024-01-29 11:14:51 +01:00
parent 9ebb04a01b
commit 76f2501fec
2 changed files with 9 additions and 4 deletions
@@ -119,7 +119,7 @@ export default {
</thead> </thead>
<tbody> <tbody>
<tr v-for="item in data" :style="item.status=='accepted'?'background-color:lightgreen':item.status==='rejected'?'background-color:lightcoral':''"> <tr v-for="item in data" :style="item.status=='accepted'?'background-color:lightgreen':item.status==='rejected'?'background-color:lightcoral':''">
<td class="align-middle text-wrap">{{item.topic}}</td> <td class="align-middle text-wrap ">{{item.topic}}</td>
<td class="align-middle " >{{item.status}}</td> <td class="align-middle " >{{item.status}}</td>
<td class="align-middle">{{item.change_timestamp}}</td> <td class="align-middle">{{item.change_timestamp}}</td>
@@ -142,10 +142,15 @@ export default {
</template> </template>
<template v-else> <template v-else>
<td class="align-middle text-center">
<div class="d-flex flex-row justify-content-evenly"> <div class="d-flex flex-row justify-content-evenly">
<td class="align-middle text-center"><i role="button" @click="openModal(item)" class="fa fa-eye"></i></td> <i role="button" @click="openModal(item)" class="fa fa-eye"></i>
</template>
</div> </div>
</td>
</template>
</tr> </tr>
</tbody> </tbody>
@@ -12,7 +12,7 @@ export default{
}, },
template:` template:`
<div class=" row align-items-center justify-content-center"> <div class="gy-2 row align-items-center justify-content-center">
<div class="col-1 text-center" > <div class="col-1 text-center" >
<i class="fa-solid " :class="{...(data.kontakt.includes('@')?{'fa-envelope':true}:{'fa-phone':true})}" style="color:rgb(0, 100, 156)"></i> <i class="fa-solid " :class="{...(data.kontakt.includes('@')?{'fa-envelope':true}:{'fa-phone':true})}" style="color:rgb(0, 100, 156)"></i>