Browse Source

add position: sticky to monitor details

pull/280/head
henrygd 3 years ago
parent
commit
2901a38628
  1. 7
      src/pages/Details.vue

7
src/pages/Details.vue

@ -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>

Loading…
Cancel
Save