From 57652d9f8e8eca21b5f54a1e58a53925037d3451 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Fri, 7 Nov 2025 04:48:58 +0000 Subject: [PATCH] Fix: Correct system status indicator layout The system status indicators (CPU, Storage, Memory, Swap Memory) were not aligned properly, appearing misplaced and cluttered. This was caused by incorrect Bootstrap grid classes, which resulted in a 2x2 layout on medium screens and a 1x4 layout on extra-large screens. This commit fixes the layout by using the correct Bootstrap grid classes to ensure a responsive layout. The new layout is a 1x4 on large screens, a 2x2 on medium screens, and a 1x1 on small screens. This provides a clean and organized UI across different screen resolutions. This commit also corrects a typo in the `width` style binding for the Swap Memory progress bar. --- .../schedulePeerJob.vue | 2 +- .../peerShareLinkModal.vue | 2 +- .../newDashboardAPIKey.vue | 2 +- .../systemStatusWidget.vue | 10 ++-- src/static/app/src/views/systemStatus.vue | 12 +++-- ...ashboardClientAssignmentStore-B3DVwneu.js} | 2 +- ...rowser-BmbEXfbp.js => browser-CaJSWApF.js} | 2 +- ...r-DP-5W385.js => clientViewer-CjQhxIGv.js} | 2 +- .../assets/clients-B6ZWhh6c.js | 1 - .../assets/clients-Cz17p-LE.js | 1 + .../assets/configuration-COAUpbSu.js | 1 - .../assets/configuration-D0vsKkXY.js | 1 + .../assets/configurationList-6os_XFjX.css | 1 + .../assets/configurationList-BWMNNFje.js | 1 - .../assets/configurationList-D2FSiAUJ.js | 1 + .../assets/configurationList-DH6A10st.css | 1 - ....js => dashboardEmailSettings-Dkt-Cr-v.js} | 2 +- ...reguardConfigurationAutostart-CZZe3E6I.js} | 2 +- ...TlYsj.js => dashboardWebHooks-6fxbu7Hw.js} | 2 +- ....min-CzHDLgWx.js => dayjs.min-DBUL_c4Y.js} | 2 +- ...5OS.css => editConfiguration-BV75UXb4.css} | 2 +- .../assets/editConfiguration-CPThHBO9.js | 7 --- .../assets/editConfiguration-CrTNC0jh.js | 7 +++ .../WGDashboardAdmin/assets/index-8zP1UIo9.js | 1 + .../WGDashboardAdmin/assets/index-B8BTG8Ck.js | 49 +++++++++++++++++++ .../WGDashboardAdmin/assets/index-BQYwwrw6.js | 45 ----------------- ...{index-DQmUtZqH.css => index-CwpZcjQy.css} | 2 +- .../WGDashboardAdmin/assets/index-Cydd0v68.js | 1 - .../{index-BuxJ900A.js => index-D1QKMgMZ.js} | 2 +- .../WGDashboardAdmin/assets/index-ITL3OFq8.js | 1 + .../assets/localeText-B8Zr5hW3.js | 1 + .../assets/localeText-C3GiyveB.js | 1 - .../assets/message-CbTC4C3x.js | 1 - .../assets/message-v6gYq2BV.js | 1 + ...MbXM7c.js => newConfiguration-BKL9LhSy.js} | 2 +- .../{osmap-CCHzjkwj.js => osmap-Ehr0e2ui.js} | 2 +- ...l-BfNIzuLd.js => peerAddModal-CNRIBs-Q.js} | 2 +- .../assets/peerAssignModal-Cxin5Fa0.js | 1 - .../assets/peerAssignModal-iwiKW_40.js | 1 + ...9.js => peerConfigurationFile-v79vyB9v.js} | 2 +- .../assets/peerDefaultSettings-B4j36Rgl.js | 1 + .../assets/peerDefaultSettings-Cv3S7OE7.js | 1 - .../assets/peerJobs-BZKJYSHB.js | 1 + .../assets/peerJobs-CarCVF4P.js | 1 - .../assets/peerJobsAllModal-DKtxos7t.js | 1 - .../assets/peerJobsAllModal-DPtG-ew9.js | 1 + .../assets/peerJobsLogsModal-3HdFqqoi.js | 1 - .../assets/peerJobsLogsModal-BiSXUF7i.js | 1 + .../assets/peerList-BdwviaQq.js | 2 - .../assets/peerList-D8CkQIPc.js | 2 + ...ode-Be0lrPbm.js => peerQRCode-Dhr_6iVx.js} | 2 +- ...-BlQP4FSd.js => peerSearchBar-D-lH_X4g.js} | 2 +- ...s-CNGRHhIV.js => peerSettings-bPiGl-pg.js} | 2 +- .../assets/peerShareLinkModal-CFhcidUQ.js | 1 - .../assets/peerShareLinkModal-DXpwgyyG.js | 1 + ... => peersDefaultSettingsInput-BIKZOeH5.js} | 2 +- .../WGDashboardAdmin/assets/ping-B8nPyMUy.js | 1 - .../WGDashboardAdmin/assets/ping-BidCsSYA.js | 1 + ...-8muiyqcZ.js => protocolBadge-C1A4XxpI.js} | 2 +- ...UU.js => restoreConfiguration-BmWfIgav.js} | 2 +- .../assets/schedulePeerJob-B9Bl6Gky.css | 1 - ...x58TbYr.js => schedulePeerJob-BdNiSD07.js} | 2 +- .../assets/schedulePeerJob-DLnkQqCK.css | 1 + ...rs-kt193GSv.js => selectPeers-jbFoUCcQ.js} | 2 +- .../assets/settings-COsqR6XO.js | 1 - .../assets/settings-R2DBkp54.js | 1 + .../{setup-Cyi_36Rm.js => setup-B0xSI5Ut.js} | 2 +- .../WGDashboardAdmin/assets/share-B9XmQnkV.js | 1 + .../WGDashboardAdmin/assets/share-BvZ8-zTN.js | 1 - ...{signin-B7bcOHcU.js => signin-CWJBzqzY.js} | 2 +- .../assets/storageMount-DkOLkVxZ.css | 1 - .../assets/storageMount-wWOSNV8e.css | 1 + ...e_index_0_scoped_9509d7a0_lang-BGO_TQes.js | 1 + ...e_index_0_scoped_9509d7a0_lang-Bzhq1j5a.js | 1 - .../assets/systemStatus-6BwE7xos.js | 1 + .../assets/systemStatus-Cksrjy_K.js | 1 - .../assets/systemStatus-DdUpBwt2.css | 1 - .../assets/systemStatus-Sc0EQF7v.css | 1 + .../{totp-CmCWQIsm.js => totp-C2IUur_B.js} | 2 +- ...ute-C670RHIC.js => traceroute-BhRHU4Ec.js} | 2 +- .../assets/vue-datepicker-BJv95e-b.js | 1 + .../assets/vue-datepicker-g3vsoQR2.js | 1 - .../assets/wgdashboardSettings-CijSGvla.js | 1 + .../assets/wgdashboardSettings-m3twV4t-.js | 1 - ...ireguardConfigurationSettings-DOMv-dyn.js} | 2 +- src/static/dist/WGDashboardAdmin/index.html | 4 +- 86 files changed, 126 insertions(+), 119 deletions(-) rename src/static/dist/WGDashboardAdmin/assets/{DashboardClientAssignmentStore-C6unIiM-.js => DashboardClientAssignmentStore-B3DVwneu.js} (95%) rename src/static/dist/WGDashboardAdmin/assets/{browser-BmbEXfbp.js => browser-CaJSWApF.js} (99%) rename src/static/dist/WGDashboardAdmin/assets/{clientViewer-DP-5W385.js => clientViewer-CjQhxIGv.js} (96%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/clients-B6ZWhh6c.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/clients-Cz17p-LE.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/configuration-COAUpbSu.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/configuration-D0vsKkXY.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/configurationList-6os_XFjX.css delete mode 100644 src/static/dist/WGDashboardAdmin/assets/configurationList-BWMNNFje.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/configurationList-D2FSiAUJ.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/configurationList-DH6A10st.css rename src/static/dist/WGDashboardAdmin/assets/{dashboardEmailSettings-p_Bw0Z58.js => dashboardEmailSettings-Dkt-Cr-v.js} (96%) rename src/static/dist/WGDashboardAdmin/assets/{dashboardSettingsWireguardConfigurationAutostart-cyw0vUzN.js => dashboardSettingsWireguardConfigurationAutostart-CZZe3E6I.js} (93%) rename src/static/dist/WGDashboardAdmin/assets/{dashboardWebHooks-vxQTlYsj.js => dashboardWebHooks-6fxbu7Hw.js} (97%) rename src/static/dist/WGDashboardAdmin/assets/{dayjs.min-CzHDLgWx.js => dayjs.min-DBUL_c4Y.js} (83%) rename src/static/dist/WGDashboardAdmin/assets/{editConfiguration-CP79G5OS.css => editConfiguration-BV75UXb4.css} (91%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/editConfiguration-CPThHBO9.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/editConfiguration-CrTNC0jh.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/index-8zP1UIo9.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/index-B8BTG8Ck.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/index-BQYwwrw6.js rename src/static/dist/WGDashboardAdmin/assets/{index-DQmUtZqH.css => index-CwpZcjQy.css} (94%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/index-Cydd0v68.js rename src/static/dist/WGDashboardAdmin/assets/{index-BuxJ900A.js => index-D1QKMgMZ.js} (99%) create mode 100644 src/static/dist/WGDashboardAdmin/assets/index-ITL3OFq8.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/localeText-B8Zr5hW3.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/localeText-C3GiyveB.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/message-CbTC4C3x.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/message-v6gYq2BV.js rename src/static/dist/WGDashboardAdmin/assets/{newConfiguration-tZMbXM7c.js => newConfiguration-BKL9LhSy.js} (98%) rename src/static/dist/WGDashboardAdmin/assets/{osmap-CCHzjkwj.js => osmap-Ehr0e2ui.js} (87%) rename src/static/dist/WGDashboardAdmin/assets/{peerAddModal-BfNIzuLd.js => peerAddModal-CNRIBs-Q.js} (98%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/peerAssignModal-Cxin5Fa0.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/peerAssignModal-iwiKW_40.js rename src/static/dist/WGDashboardAdmin/assets/{peerConfigurationFile-CJe8w8t9.js => peerConfigurationFile-v79vyB9v.js} (90%) create mode 100644 src/static/dist/WGDashboardAdmin/assets/peerDefaultSettings-B4j36Rgl.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/peerDefaultSettings-Cv3S7OE7.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/peerJobs-BZKJYSHB.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/peerJobs-CarCVF4P.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/peerJobsAllModal-DKtxos7t.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/peerJobsAllModal-DPtG-ew9.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/peerJobsLogsModal-3HdFqqoi.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/peerJobsLogsModal-BiSXUF7i.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/peerList-BdwviaQq.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/peerList-D8CkQIPc.js rename src/static/dist/WGDashboardAdmin/assets/{peerQRCode-Be0lrPbm.js => peerQRCode-Dhr_6iVx.js} (93%) rename src/static/dist/WGDashboardAdmin/assets/{peerSearchBar-BlQP4FSd.js => peerSearchBar-D-lH_X4g.js} (80%) rename src/static/dist/WGDashboardAdmin/assets/{peerSettings-CNGRHhIV.js => peerSettings-bPiGl-pg.js} (97%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/peerShareLinkModal-CFhcidUQ.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/peerShareLinkModal-DXpwgyyG.js rename src/static/dist/WGDashboardAdmin/assets/{peersDefaultSettingsInput-De2pvmfF.js => peersDefaultSettingsInput-BIKZOeH5.js} (77%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/ping-B8nPyMUy.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/ping-BidCsSYA.js rename src/static/dist/WGDashboardAdmin/assets/{protocolBadge-8muiyqcZ.js => protocolBadge-C1A4XxpI.js} (79%) rename src/static/dist/WGDashboardAdmin/assets/{restoreConfiguration-DwqpnLUU.js => restoreConfiguration-BmWfIgav.js} (97%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/schedulePeerJob-B9Bl6Gky.css rename src/static/dist/WGDashboardAdmin/assets/{schedulePeerJob-Bx58TbYr.js => schedulePeerJob-BdNiSD07.js} (80%) create mode 100644 src/static/dist/WGDashboardAdmin/assets/schedulePeerJob-DLnkQqCK.css rename src/static/dist/WGDashboardAdmin/assets/{selectPeers-kt193GSv.js => selectPeers-jbFoUCcQ.js} (96%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/settings-COsqR6XO.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/settings-R2DBkp54.js rename src/static/dist/WGDashboardAdmin/assets/{setup-Cyi_36Rm.js => setup-B0xSI5Ut.js} (94%) create mode 100644 src/static/dist/WGDashboardAdmin/assets/share-B9XmQnkV.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/share-BvZ8-zTN.js rename src/static/dist/WGDashboardAdmin/assets/{signin-B7bcOHcU.js => signin-CWJBzqzY.js} (96%) delete mode 100644 src/static/dist/WGDashboardAdmin/assets/storageMount-DkOLkVxZ.css create mode 100644 src/static/dist/WGDashboardAdmin/assets/storageMount-wWOSNV8e.css create mode 100644 src/static/dist/WGDashboardAdmin/assets/storageMount.vue_vue_type_style_index_0_scoped_9509d7a0_lang-BGO_TQes.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/storageMount.vue_vue_type_style_index_0_scoped_9509d7a0_lang-Bzhq1j5a.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/systemStatus-6BwE7xos.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/systemStatus-Cksrjy_K.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/systemStatus-DdUpBwt2.css create mode 100644 src/static/dist/WGDashboardAdmin/assets/systemStatus-Sc0EQF7v.css rename src/static/dist/WGDashboardAdmin/assets/{totp-CmCWQIsm.js => totp-C2IUur_B.js} (92%) rename src/static/dist/WGDashboardAdmin/assets/{traceroute-C670RHIC.js => traceroute-BhRHU4Ec.js} (92%) create mode 100644 src/static/dist/WGDashboardAdmin/assets/vue-datepicker-BJv95e-b.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/vue-datepicker-g3vsoQR2.js create mode 100644 src/static/dist/WGDashboardAdmin/assets/wgdashboardSettings-CijSGvla.js delete mode 100644 src/static/dist/WGDashboardAdmin/assets/wgdashboardSettings-m3twV4t-.js rename src/static/dist/WGDashboardAdmin/assets/{wireguardConfigurationSettings-BM0D2oAI.js => wireguardConfigurationSettings-DOMv-dyn.js} (74%) diff --git a/src/static/app/src/components/configurationComponents/peerScheduleJobsComponents/schedulePeerJob.vue b/src/static/app/src/components/configurationComponents/peerScheduleJobsComponents/schedulePeerJob.vue index 71342c81..0e22e8e8 100644 --- a/src/static/app/src/components/configurationComponents/peerScheduleJobsComponents/schedulePeerJob.vue +++ b/src/static/app/src/components/configurationComponents/peerScheduleJobsComponents/schedulePeerJob.vue @@ -3,7 +3,7 @@ import ScheduleDropdown from "@/components/configurationComponents/peerScheduleJ import {ref} from "vue"; import {DashboardConfigurationStore} from "@/stores/DashboardConfigurationStore.js"; import {fetchPost} from "@/utilities/fetch.js"; -import VueDatePicker from "@vuepic/vue-datepicker"; +import {VueDatePicker} from "@vuepic/vue-datepicker"; import dayjs from "dayjs"; import LocaleText from "@/components/text/localeText.vue"; diff --git a/src/static/app/src/components/configurationComponents/peerShareLinkModal.vue b/src/static/app/src/components/configurationComponents/peerShareLinkModal.vue index 7fc4a352..7d31acd3 100644 --- a/src/static/app/src/components/configurationComponents/peerShareLinkModal.vue +++ b/src/static/app/src/components/configurationComponents/peerShareLinkModal.vue @@ -3,7 +3,7 @@ import {WireguardConfigurationsStore} from "@/stores/WireguardConfigurationsStor import {fetchPost} from "@/utilities/fetch.js"; import dayjs from "dayjs"; import {DashboardConfigurationStore} from "@/stores/DashboardConfigurationStore.js"; -import VueDatePicker from '@vuepic/vue-datepicker'; +import {VueDatePicker} from '@vuepic/vue-datepicker'; import LocaleText from "@/components/text/localeText.vue"; import PeerShareWithEmail from "@/components/configurationComponents/peerShareLinkComponents/peerShareWithEmail.vue"; diff --git a/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/newDashboardAPIKey.vue b/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/newDashboardAPIKey.vue index d14d3d54..25bcdf51 100644 --- a/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/newDashboardAPIKey.vue +++ b/src/static/app/src/components/settingsComponent/dashboardAPIKeysComponents/newDashboardAPIKey.vue @@ -2,7 +2,7 @@ import dayjs from "dayjs"; import {fetchPost} from "@/utilities/fetch.js"; import {DashboardConfigurationStore} from "@/stores/DashboardConfigurationStore.js"; -import VueDatePicker from "@vuepic/vue-datepicker"; +import {VueDatePicker} from "@vuepic/vue-datepicker"; import LocaleText from "@/components/text/localeText.vue"; export default { diff --git a/src/static/app/src/components/systemStatusComponents/systemStatusWidget.vue b/src/static/app/src/components/systemStatusComponents/systemStatusWidget.vue index 0acd528e..0e3a5d86 100644 --- a/src/static/app/src/components/systemStatusComponents/systemStatusWidget.vue +++ b/src/static/app/src/components/systemStatusComponents/systemStatusWidget.vue @@ -33,7 +33,7 @@ const data = computed(() => {