7x31/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-08-21 11:35:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

CSS optimizations

Browse Source
This commit is contained in:
Ponkhy
2021-08-23 01:22:55 +02:00
parent ca38cc91e9
commit ce79f8bfc7
3 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/DashboardHome.vue
View File

@@ -38,7 +38,7 @@
</div>
</div>
<div class="shadow-box" style="margin-top: 25px;overflow-x: scroll">
<div class="shadow-box tableShadowbox" style="overflow-x: scroll">
<table class="table table-borderless table-hover">
<thead>
<tr>
@@ -182,6 +182,7 @@ export default {
.shadow-box {
padding: 20px;
margin-top: 25px;
}
table {
@@ -191,25 +192,4 @@ table {
transition: all ease-in-out 0.2ms;
}
}
@media (max-width: 550px) {
tr.shadow-box, .shadow-box:last-child {
padding: 10px;
}
thead {
display: none;
}
tr {
display: block;
margin-bottom: 10px;
}
td {
border-bottom: 1px solid $dark-font-color;
display: block;
padding: 6px;
}
}
</style>

8
src/pages/Details.vue
View File

@@ -128,7 +128,7 @@
</div>
</div>
<div class="shadow-box">
<div class="shadow-box tableShadowbox">
<table class="table table-borderless table-hover">
<thead>
<tr>
@@ -138,10 +138,10 @@
</tr>
</thead>
<tbody>
<tr v-for="(beat, index) in displayedRecords" :key="index">
<tr v-for="(beat, index) in displayedRecords" :key="index" :class="{ 'shadow-box': $root.windowWidth <= 550}" style="padding: 10px;">
<td><Status :status="beat.status" /></td>
<td><Datetime :value="beat.time" /></td>
<td>{{ beat.msg }}</td>
<td :class="{ 'border-0':! beat.msg}"><Datetime :value="beat.time" /></td>
<td class="border-0">{{ beat.msg }}</td>
</tr>
<tr v-if="importantHeartBeatList.length === 0">