Use bootstrap integraded class instead of new ones

This commit is contained in:
Ponkhy 2021-08-21 21:12:44 +02:00
parent dbd3f48f68
commit ca38cc91e9

View file

@ -52,8 +52,8 @@
<tr v-for="(beat, index) in displayedRecords" :key="index" :class="{ 'shadow-box': $root.windowWidth <= 550}"> <tr v-for="(beat, index) in displayedRecords" :key="index" :class="{ 'shadow-box': $root.windowWidth <= 550}">
<td>{{ beat.name }}</td> <td>{{ beat.name }}</td>
<td><Status :status="beat.status" /></td> <td><Status :status="beat.status" /></td>
<td><Datetime :value="beat.time" /></td> <td :class="{ 'border-0':! beat.msg}"><Datetime :value="beat.time" /></td>
<td class="no-border">{{ beat.msg }}</td> <td class="border-0">{{ beat.msg }}</td>
</tr> </tr>
<tr v-if="importantHeartBeatList.length === 0"> <tr v-if="importantHeartBeatList.length === 0">
@ -193,10 +193,6 @@ table {
} }
@media (max-width: 550px) { @media (max-width: 550px) {
.no-border {
border: 0px;
}
tr.shadow-box, .shadow-box:last-child { tr.shadow-box, .shadow-box:last-child {
padding: 10px; padding: 10px;
} }