mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 13:23:07 +01:00
1b056346c0
* chore: updates modules * feat: adds support for exponential moving average * feat: add expoentital moving avg * adds index page * cleans up table * fixes typecheck * adds bar chart * updates dashboard to orgua table * wip * cleans up ui * remove screenshot tests for playwright * adds more tests * fixes icon * fixes default sort * removes unused var * adds vscode settings
25 lines
486 B
Vue
25 lines
486 B
Vue
<template>
|
|
<div class="is-relative">
|
|
<div class="bar"></div>
|
|
<div class="is-overlay">
|
|
<slot></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const { value } = defineProps<{ value: number }>();
|
|
|
|
const minValue = computed(() => Math.min(value, 1));
|
|
</script>
|
|
|
|
<style scoped>
|
|
.bar {
|
|
height: 100%;
|
|
background-color: var(--primary-color);
|
|
transform-origin: left;
|
|
transform: scaleX(v-bind(minValue));
|
|
transition: transform 0.2s ease-out;
|
|
}
|
|
</style>
|