diff --git a/dashboard/package-lock.json b/dashboard/package-lock.json index daca1bd11..8e20855d6 100644 --- a/dashboard/package-lock.json +++ b/dashboard/package-lock.json @@ -6,7 +6,7 @@ "packages": { "": { "dependencies": { - "@cloudron/pankow": "^3.6.5", + "@cloudron/pankow": "^3.6.7", "@fontsource/inter": "^5.2.8", "@fortawesome/fontawesome-free": "^7.1.0", "@vitejs/plugin-vue": "^6.0.2", @@ -76,9 +76,9 @@ } }, "node_modules/@cloudron/pankow": { - "version": "3.6.5", - "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.6.5.tgz", - "integrity": "sha512-Ro6KWU77IrINGe4D0bCl409Nz/pHVUBr0prIEByLb/5q25tCRvqe4fE7CBlBd5Ew9CtCeyzAuI9EjVq3WqJdvQ==", + "version": "3.6.7", + "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.6.7.tgz", + "integrity": "sha512-Ce41AXeAKjZemXYmOANkSW+667SR3CkM046YSjUvk+PU5m8Vrs8oXGUqZka+ze8QZpDUfGtlCmkyBy8YTPINLQ==", "license": "ISC", "dependencies": { "@fontsource/inter": "^5.2.8", @@ -2726,9 +2726,9 @@ } }, "@cloudron/pankow": { - "version": "3.6.5", - "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.6.5.tgz", - "integrity": "sha512-Ro6KWU77IrINGe4D0bCl409Nz/pHVUBr0prIEByLb/5q25tCRvqe4fE7CBlBd5Ew9CtCeyzAuI9EjVq3WqJdvQ==", + "version": "3.6.7", + "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.6.7.tgz", + "integrity": "sha512-Ce41AXeAKjZemXYmOANkSW+667SR3CkM046YSjUvk+PU5m8Vrs8oXGUqZka+ze8QZpDUfGtlCmkyBy8YTPINLQ==", "requires": { "@fontsource/inter": "^5.2.8", "@fortawesome/fontawesome-free": "^7.1.0", diff --git a/dashboard/package.json b/dashboard/package.json index 65b533602..e1b2e1963 100644 --- a/dashboard/package.json +++ b/dashboard/package.json @@ -7,7 +7,7 @@ }, "type": "module", "dependencies": { - "@cloudron/pankow": "^3.6.5", + "@cloudron/pankow": "^3.6.7", "@fontsource/inter": "^5.2.8", "@fortawesome/fontawesome-free": "^7.1.0", "@vitejs/plugin-vue": "^6.0.2", diff --git a/dashboard/src/components/DiskUsage.vue b/dashboard/src/components/DiskUsage.vue index ece6ad806..7723be0fe 100644 --- a/dashboard/src/components/DiskUsage.vue +++ b/dashboard/src/components/DiskUsage.vue @@ -75,10 +75,4 @@ onMounted(async () => { margin-left: 4px; } -.disks-last-updated { - font-size: 12px; - font-weight: bold; - align-self: center; -} - diff --git a/dashboard/src/components/DiskUsageItem.vue b/dashboard/src/components/DiskUsageItem.vue index 5a8640f50..4112f7bc0 100644 --- a/dashboard/src/components/DiskUsageItem.vue +++ b/dashboard/src/components/DiskUsageItem.vue @@ -177,7 +177,7 @@ onUnmounted(() => { .disk-item-title { display: flex; justify-content: space-between; - font-weight: bold; + font-weight: var(--pankow-font-weight-bold); font-size: 18px; } @@ -225,7 +225,7 @@ onUnmounted(() => { } tr.highlight { - font-weight: bold; + font-weight: var(--pankow-font-weight-bold); } diff --git a/dashboard/src/components/GraphItem.vue b/dashboard/src/components/GraphItem.vue index ffcf4931c..6e6e02535 100644 --- a/dashboard/src/components/GraphItem.vue +++ b/dashboard/src/components/GraphItem.vue @@ -356,7 +356,7 @@ defineExpose({ .footer { margin-top: 10px; text-align: center; - font-weight: bold; + font-weight: var(--pankow-font-weight-bold); font-size: 12px; } diff --git a/dashboard/src/components/MailDomainStatus.vue b/dashboard/src/components/MailDomainStatus.vue index c32b4912d..7db1b7739 100644 --- a/dashboard/src/components/MailDomainStatus.vue +++ b/dashboard/src/components/MailDomainStatus.vue @@ -219,7 +219,7 @@ onMounted(async () => { overflow: scroll; white-space: nowrap; text-overflow: auto; - font-weight: bold; + font-weight: var(--pankow-font-weight-bold); } .domain-status > tbody > tr > td:first-of-type { diff --git a/dashboard/src/components/SideBarItem.vue b/dashboard/src/components/SideBarItem.vue index 18dc72667..1d9124cd7 100644 --- a/dashboard/src/components/SideBarItem.vue +++ b/dashboard/src/components/SideBarItem.vue @@ -199,7 +199,7 @@ function onBackdrop(event) { .sidebar-item-header { background-color: #e9ecef; display: block; - font-weight: bold; + font-weight: var(--pankow-font-weight-bold); color: var(--pankow-text-color); padding: 10px 15px; white-space: nowrap; @@ -224,7 +224,7 @@ function onBackdrop(event) { .sidebar-item.active { color: var(--pankow-color-primary); text-decoration: none; - font-weight: bold; + font-weight: var(--pankow-font-weight-bold); } .sidebar-item:hover { diff --git a/dashboard/src/style.css b/dashboard/src/style.css index 6bf7bbaff..0dd8fc993 100644 --- a/dashboard/src/style.css +++ b/dashboard/src/style.css @@ -4,8 +4,6 @@ --card-background: #f7f7f8; --navbar-background: #f3f4f6; --pankow-text-color: black; - --font-weight-normal: 400; - --font-weight-bold: 500; } @media (prefers-color-scheme: dark) { @@ -20,8 +18,8 @@ html, body { font-size: 14px; /* this also defines the overall widget size as all sizes are in rem */ - font-family: var(--font-family); - font-weight: var(--font-weight-normal); + font-family: var(--pankow-font-family); + font-weight: var(--pankow-font-weight-normal); height: 100%; width: 100%; padding: 0; @@ -38,10 +36,6 @@ html, body { } } -b { - font-weight: var(--font-weight-bold); -} - .shadow { box-shadow: 0 2px 5px rgba(0,0,0,.1); } @@ -52,7 +46,7 @@ b { h1, h2, h3, h4, h5 { font-family: var(--font-family--header); - font-weight: var(--font-weight-bold); + font-weight: var(--pankow-font-weight-bold); } h1 { @@ -207,14 +201,14 @@ form .pankow-checkbox { .warning-label { margin-top: 6px; color: #8a6d3b; - font-weight: var(--font-weight-bold); + font-weight: var(--pankow-font-weight-bold); font-size: 12px; } .error-label { margin-top: 6px; color: var(--pankow-color-danger); - font-weight: var(--font-weight-bold); + font-weight: var(--pankow-font-weight-bold); font-size: 12px; } @@ -266,7 +260,7 @@ form .pankow-checkbox { } .info-label { - font-weight: var(--font-weight-bold); + font-weight: var(--pankow-font-weight-bold); text-wrap: nowrap; } diff --git a/dashboard/src/views/AppConfigureView.vue b/dashboard/src/views/AppConfigureView.vue index 86fb7389b..0f1a4e438 100644 --- a/dashboard/src/views/AppConfigureView.vue +++ b/dashboard/src/views/AppConfigureView.vue @@ -485,7 +485,7 @@ onBeforeUnmount(() => { .configure-menu-item[active] > a, .configure-menu-item[active] > span { color: var(--pankow-color-primary-active); - font-weight: bold; + font-weight: var(--pankow-font-weight-bold); } .configure-menu-item:hover > a, diff --git a/dashboard/src/views/EventlogView.vue b/dashboard/src/views/EventlogView.vue index f30712ca9..4a1084192 100644 --- a/dashboard/src/views/EventlogView.vue +++ b/dashboard/src/views/EventlogView.vue @@ -193,7 +193,7 @@ onUnmounted(() => {