feat: ajusta limites de alerta de RAM e disco e corrige porta do servidor
parent
f213be7f20
commit
2035a9e3b4
|
@ -78,7 +78,7 @@ const diskPercentageNumber = computed(() => {
|
|||
<div
|
||||
class="h-1.5 rounded-full transition-all duration-300"
|
||||
:class="
|
||||
ramPercentage > 80 ? 'bg-red-400' : ramPercentage > 60 ? 'bg-yellow-400' : 'bg-blue-400'
|
||||
ramPercentage > 90 ? 'bg-red-400' : ramPercentage > 70 ? 'bg-yellow-400' : 'bg-blue-400'
|
||||
"
|
||||
:style="`width: ${ramPercentage}%`"
|
||||
></div>
|
||||
|
@ -105,9 +105,9 @@ const diskPercentageNumber = computed(() => {
|
|||
<div
|
||||
class="h-2 rounded-full transition-all duration-300"
|
||||
:class="
|
||||
diskPercentageNumber > 80
|
||||
diskPercentageNumber > 90
|
||||
? 'bg-red-500'
|
||||
: diskPercentageNumber > 60
|
||||
: diskPercentageNumber > 70
|
||||
? 'bg-yellow-500'
|
||||
: 'bg-green-500'
|
||||
"
|
||||
|
|
|
@ -1,17 +1,13 @@
|
|||
<script setup lang="ts">
|
||||
import { computed } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useWebSocket } from '../composables/useWebSocket';
|
||||
import SessionCard from '../components/SessionCard.vue';
|
||||
import { useStore } from '../stores/store';
|
||||
|
||||
const store = useStore();
|
||||
const { sessions, isLoading, reminderSessions } = storeToRefs(store);
|
||||
const { sessions, isLoading } = storeToRefs(store);
|
||||
|
||||
useWebSocket();
|
||||
|
||||
// Compute se há alertas
|
||||
const hasSessionAlerts = computed(() => reminderSessions.value);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
|
@ -5,7 +5,7 @@ import vue from '@vitejs/plugin-vue';
|
|||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
server: {
|
||||
port: 3334,
|
||||
port: 3333,
|
||||
host: '0.0.0.0',
|
||||
},
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue