ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-10-30 11:10:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

add position: sticky to monitor details

Browse source
This commit is contained in:
henrygd 2021-08-27 15:28:01 -07:00
parent d2f0a15076
commit 2901a38628
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/pages/Details.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<transition name="slide-fade" appear> <transition name="slide-fade" appear>
<div v-if="monitor"> <div v-if="monitor" class="monitor">
<h1> {{ monitor.name }}</h1> <h1> {{ monitor.name }}</h1>
<p class="url"> <p class="url">
<a v-if="monitor.type === 'http' || monitor.type === 'keyword' " :href="monitor.url" target="_blank">{{ monitor.url }}</a> <a v-if="monitor.type === 'http' || monitor.type === 'keyword' " :href="monitor.url" target="_blank">{{ monitor.url }}</a>
@ -418,4 +418,9 @@ table {
color: $dark-font-color; color: $dark-font-color;
} }
} }
.monitor {
position: sticky;
top: 7px;
margin: 0 0 24px;
}
</style> </style>