diff --git a/src/components/Configuration/AppInfoModal.vue b/src/components/Configuration/AppInfoModal.vue index 8fc237eb..7a5cd265 100644 --- a/src/components/Configuration/AppInfoModal.vue +++ b/src/components/Configuration/AppInfoModal.vue @@ -1,26 +1,29 @@ @@ -53,6 +59,7 @@ export default { modalName: modalNames.ABOUT_APP, appVersion: process.env.VUE_APP_VERSION, systemInfo: this.getSystemInfo(), + errorLog: this.getErrorLog(), serviceWorkerInfo: 'Checking...', showInfo: false, }; @@ -63,6 +70,9 @@ export default { }, 100); }, methods: { + getErrorLog() { + return sessionStorage.getItem(sessionStorageKeys.ERROR_LOG) || ''; + }, getIsConfigValidStatus() { const isValidVar = process.env.VUE_APP_CONFIG_VALID; if (isValidVar === undefined) return 'Config validation status is missing'; @@ -123,49 +133,30 @@ span.options-label { color: var(--settings-text-color); } -.display-options { - color: var(--settings-text-color); - svg { - path { - fill: var(--settings-text-color); - } - width: 1rem; - height: 1rem; - margin: 0.2rem; - padding: 0.2rem; - text-align: center; - background: var(--background); - border: 1px solid currentColor; - border-radius: var(--curve-factor); - cursor: pointer; - &:hover, &.selected { - background: var(--settings-text-color); - path { fill: var(--background); } - } - } -} - div.about-modal { background: var(--about-page-background); color: var(--about-page-color); - padding: 1rem; + overflow-y: auto; + padding: 0 1rem; height: 100%; - hr { - border-color: var(--about-page-accent); + p, ul li, a { + font-size: 1rem; } - h2 { + + a.title { text-decoration: none; - font-size: 1.8rem; - text-align: center; - margin: 0.2rem; + h2 { + font-size: 1.8rem; + text-align: center; + margin: 1rem; + } } h3 { font-size: 1.3rem; - margin: 0.75rem 0 0.2rem 0; + margin: 1rem 0 0.2rem 0; color: var(--about-page-accent); } p.small-note { - font-size: 0.9rem; margin: 0.2rem 0; } p.about-text { @@ -177,6 +168,10 @@ div.about-modal { ul { margin-top: 0.2rem; } + a.info { + text-decoration: underline; + margin-left: 0.2rem; + } .system-info { font-size: 0.8rem; background: var(--black); @@ -191,6 +186,20 @@ div.about-modal { text-decoration: underline; } } + .app-version { + text-align: left; + } + pre.logs { + max-height: 200px; + overflow-y: auto; + padding: 1rem; + font-size: 0.75rem; + border-radius: var(--curve-factor-small); + text-align: left; + color: var(--white); + background: var(--black); + white-space: pre-wrap; + } }