mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 06:28:42 +01:00
Code Issues Projects Releases Wiki Activity

Updates index page to a dashboard

Browse Source
This commit is contained in:
Amir Raminfar
2020-07-09 12:57:16 -07:00
parent dcd7ccc099
commit 74273b8bf7
5 changed files with 82 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/components/ScrollProgress.vue
View File

@@ -3,7 +3,7 @@
<svg width="100" height="100" viewBox="0 0 100 100">
<circle r="44" cx="50" cy="50" :style="{ '--progress': scrollProgress }" />
</svg>
<div class="percent columns is-vcentered is-centered has-text-weight-light">
<div class="is-overlay columns is-vcentered is-centered has-text-weight-light">
<span class="column is-narrow is-paddingless is-size-2">
{{ Math.ceil(scrollProgress * 100) }}
</span>
@@ -84,13 +84,5 @@ export default {
stroke-width: 3;
will-change: stroke-dashoffset;
}
.percent {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
}
</style>