diff options
| author | Zephyrrus <[email protected]> | 2021-01-07 23:55:37 +0200 |
|---|---|---|
| committer | Zephyrrus <[email protected]> | 2021-01-07 23:55:37 +0200 |
| commit | 925080f6a08a1f1515143db1bd6aef8109f5fb67 (patch) | |
| tree | 298476e0f2aea59422bcc46fb1e1ce8bb4f19c18 /src/site/components/statistics | |
| parent | chore: revert nuxt update, it breaks SSR in development mode, not worth it. (diff) | |
| download | host.fuwn.me-925080f6a08a1f1515143db1bd6aef8109f5fb67.tar.xz host.fuwn.me-925080f6a08a1f1515143db1bd6aef8109f5fb67.zip | |
chore: refactor stats generator to use an enum for types
fix: saved data not being converted to JSON automatically when using SQLite (and possibly MSSQL)
feat: display when a stat was generated in the section's header
fix: not being able to click through the footer (sorry IE11 users, you still won't be able to click through it)
fix: add is-mobile to columns so they don't stack on top of each other
feat: add text next to the NSFW toggle and make it look like the elements around it (begone round iOS edges)
Diffstat (limited to 'src/site/components/statistics')
| -rw-r--r-- | src/site/components/statistics/byte.vue | 2 | ||||
| -rw-r--r-- | src/site/components/statistics/byteUsage.vue | 2 | ||||
| -rw-r--r-- | src/site/components/statistics/detailed.vue | 17 | ||||
| -rw-r--r-- | src/site/components/statistics/generic.vue | 2 | ||||
| -rw-r--r-- | src/site/components/statistics/time.vue | 2 |
5 files changed, 19 insertions, 6 deletions
diff --git a/src/site/components/statistics/byte.vue b/src/site/components/statistics/byte.vue index 05852cd..16f4427 100644 --- a/src/site/components/statistics/byte.vue +++ b/src/site/components/statistics/byte.vue @@ -1,6 +1,6 @@ <template> <div> - <div class="columns"> + <div class="columns is-mobile"> <div class="column is-2"> {{ title }} </div> diff --git a/src/site/components/statistics/byteUsage.vue b/src/site/components/statistics/byteUsage.vue index 740feff..9062e5e 100644 --- a/src/site/components/statistics/byteUsage.vue +++ b/src/site/components/statistics/byteUsage.vue @@ -1,6 +1,6 @@ <template> <div> - <div class="columns"> + <div class="columns is-mobile"> <div class="column is-2"> {{ title }} </div> diff --git a/src/site/components/statistics/detailed.vue b/src/site/components/statistics/detailed.vue index 8a0722e..0d93e9a 100644 --- a/src/site/components/statistics/detailed.vue +++ b/src/site/components/statistics/detailed.vue @@ -1,11 +1,11 @@ <template> <div> - <div class="columns"> + <div class="columns is-mobile"> <div class="column is-2"> {{ title }} </div> <div class="column"> - <b-table :data="data || []" :mobile-cards="true"> + <b-table v-if="data.length" :data="data || []" :mobile-cards="true" narrowed class="details"> <b-table-column v-slot="props" field="type" label="Type"> {{ props.row.key }} </b-table-column> @@ -13,6 +13,9 @@ {{ props.row.value }} </b-table-column> </b-table> + <template v-else> + - + </template> </div> </div> </div> @@ -31,3 +34,13 @@ export default { } }; </script> +<style lang="scss" scoped> + .details ::v-deep .table-wrapper { + box-shadow: none; + + .table { + border-radius: unset; + background: #2A2E3C; + } + } +</style> diff --git a/src/site/components/statistics/generic.vue b/src/site/components/statistics/generic.vue index 704be7a..aa0f7e9 100644 --- a/src/site/components/statistics/generic.vue +++ b/src/site/components/statistics/generic.vue @@ -1,6 +1,6 @@ <template> <div> - <div class="columns"> + <div class="columns is-mobile"> <div class="column is-2"> {{ title }} </div> diff --git a/src/site/components/statistics/time.vue b/src/site/components/statistics/time.vue index ff1bb8d..54174da 100644 --- a/src/site/components/statistics/time.vue +++ b/src/site/components/statistics/time.vue @@ -1,6 +1,6 @@ <template> <div> - <div class="columns"> + <div class="columns is-mobile"> <div class="column is-2"> {{ title }} </div> |