📦 vuetifyjs / material-kit-theme

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32<template>
  <base-widget title="Server Uptime">
    <v-list
      class="transparent"
      two-line
    >
      <v-list-item>
        <v-list-item-avatar>
          <v-icon>mdi-server</v-icon>
        </v-list-item-avatar>

        <v-list-item-content>
          <v-list-item-title class="title">
            Up
          </v-list-item-title>
          <v-list-item-subtitle>2d 3h 45m</v-list-item-subtitle>
        </v-list-item-content>
      </v-list-item>
    </v-list>

    <template v-slot:actions>
      Highest uptime: 12d 9h 32m
    </template>
  </base-widget>
</template>

<script>
  export default {
    name: 'WidgetsServerUptime',
  }
</script>