diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 4b806bc..42ea9e7 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -1298,9 +1298,9 @@ } }, "@cznethub/cznet-vue-core": { - "version": "0.1.66", - "resolved": "https://registry.npmjs.org/@cznethub/cznet-vue-core/-/cznet-vue-core-0.1.66.tgz", - "integrity": "sha512-tFv7n/cou2yCoeJm+vqRzszbbGsvRLwUgy3PHy9TlibLlmF6H6CJBsiHr+tQJNvxNvFIWsKHzXpOiz8paAOYBQ==", + "version": "0.1.73", + "resolved": "https://registry.npmjs.org/@cznethub/cznet-vue-core/-/cznet-vue-core-0.1.73.tgz", + "integrity": "sha512-6Cxn3NqMMYdXbK1xmHY5slpC3BKFeAFhVX8LkpPGW+LQMtLgncOXXeznORjiEez9bG/C7IdcdVmmEgpF4cl8Kw==", "requires": { "ajv": "^8.12.0", "ajv-errors": "^3.0.0", @@ -1310,6 +1310,7 @@ "lodash": "^4.17.15", "v-mask": "^2.3.0", "vue-cli-plugin-vuetify": "^2.5.8", + "vue-filter-pretty-bytes": "^0.1.6", "vuetify-loader": "^1.9.2" } }, @@ -13951,6 +13952,11 @@ } } }, + "vue-filter-pretty-bytes": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/vue-filter-pretty-bytes/-/vue-filter-pretty-bytes-0.1.6.tgz", + "integrity": "sha512-RcREeq5y4/So104i/A7F0xi3e5p6cxRsow+wxPClNHp07RH+k/y4g98Gzg5FZz+bavk5i+2YHmCZh2V0buN60Q==" + }, "vue-hot-reload-api": { "version": "2.3.4", "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz", diff --git a/frontend/package.json b/frontend/package.json index 9a68348..26ef7cf 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -11,7 +11,7 @@ "deploy": "node scripts/gh-pages-deploy.js" }, "dependencies": { - "@cznethub/cznet-vue-core": "^0.1.66", + "@cznethub/cznet-vue-core": "^0.1.73", "@fortawesome/fontawesome-free": "^5.15.4", "@vue/composition-api": "^1.7.1", "@vuex-orm/core": "^0.36.4", diff --git a/frontend/src/assets/css/theme.scss b/frontend/src/assets/css/theme.scss index afbb378..e5f4ed6 100644 --- a/frontend/src/assets/css/theme.scss +++ b/frontend/src/assets/css/theme.scss @@ -12,12 +12,14 @@ body { font-size: 1.4rem; } -.gap-1 { - gap: 1rem; +.break-word { + word-break: break-word; } -.gap-2 { - gap: 2rem; +@for $i from 1 through 4 { + .gap-#{$i} { + gap: #{$i}rem; + } } #main-container { diff --git a/frontend/src/components/dataset/cd.dataset-html.vue b/frontend/src/components/dataset/cd.dataset-html.vue index 913642f..49b7e67 100644 --- a/frontend/src/components/dataset/cd.dataset-html.vue +++ b/frontend/src/components/dataset/cd.dataset-html.vue @@ -1,15 +1,11 @@