add position: sticky to monitor details

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

View File

@ -1,6 +1,6 @@
<template>
<transition name="slide-fade" appear>
<div v-if="monitor">
<div v-if="monitor" class="monitor">
<h1> {{ monitor.name }}</h1>
<p class="url">
<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;
}
}
.monitor {
position: sticky;
top: 7px;
margin: 0 0 24px;
}
</style>