mudhorn/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-11-09 23:24:07 -08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Fix: name column in the dashboad being squashed in some aspect ratios (#4193)
Some checks are pending
Auto Test / auto-test (18, ARM64) (push) Blocked by required conditions
Details
Auto Test / auto-test (18, macos-latest) (push) Blocked by required conditions
Details
Auto Test / auto-test (18, ubuntu-latest) (push) Blocked by required conditions
Details
Auto Test / auto-test (18, windows-latest) (push) Blocked by required conditions
Details
Auto Test / auto-test (20.5, ARM64) (push) Blocked by required conditions
Details
Auto Test / auto-test (20.5, macos-latest) (push) Blocked by required conditions
Details
Auto Test / auto-test (20.5, ubuntu-latest) (push) Blocked by required conditions
Details
Auto Test / auto-test (20.5, windows-latest) (push) Blocked by required conditions
Details
Auto Test / armv7-simple-test (18, ARMv7) (push) Blocked by required conditions
Details
Auto Test / armv7-simple-test (20, ARMv7) (push) Blocked by required conditions
Details
Auto Test / check-linters (push) Waiting to run
Details
Auto Test / e2e-test (push) Blocked by required conditions
Details
CodeQL / Analyze (go) (push) Waiting to run
Details
CodeQL / Analyze (javascript-typescript) (push) Waiting to run
Details
Merge Conflict Labeler / Labeling (push) Waiting to run
Details
json-yaml-validate / json-yaml-validate (push) Waiting to run
Details

Browse source
This commit is contained in:
Jay Bhanushali 2024-08-24 23:14:51 +05:30 committed by GitHub
parent 9486fa22ee
commit 3e88772e5d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/DashboardHome.vue
View file

@ -57,7 +57,7 @@
</thead>
<tbody>
<tr v-for="(beat, index) in displayedRecords" :key="index" :class="{ 'shadow-box': $root.windowWidth <= 550}">
<td><router-link :to="`/dashboard/${beat.monitorID}`">{{ $root.monitorList[beat.monitorID]?.name }}</router-link></td>
<td class="name-column"><router-link :to="`/dashboard/${beat.monitorID}`">{{ $root.monitorList[beat.monitorID]?.name }}</router-link></td>
<td><Status :status="beat.status" /></td>
<td :class="{ 'border-0':! beat.msg}"><Datetime :value="beat.time" /></td>
<td class="border-0">{{ beat.msg }}</td>
@ -233,4 +233,16 @@ table {
overflow-wrap: break-word;
}
}
@media screen and (max-width: 1280px) {
.name-column {
min-width: 150px;
}
}
@media screen and (min-aspect-ratio: 4/3) {
.name-column {
min-width: 200px;
}
}
</style>