diff options
author | HuyLe <hule@amperecomputing.com> | 2024-11-17 07:01:35 +0300 |
---|---|---|
committer | Huy Le <hule@amperecomputing.com> | 2024-11-18 10:15:00 +0300 |
commit | b44986729febcefc75a669d16dda5d081473b3aa (patch) | |
tree | 1dab81bbffc82dcf4b2ce240fc39d1ccc7b61ec2 | |
parent | ce7db82c9582c4dac04ac81d9af6b557ae7965e3 (diff) | |
download | webui-vue-b44986729febcefc75a669d16dda5d081473b3aa.tar.xz |
Fix the KVM terminal screen not displaying
During the upgrade to Vue 3 [1], the initialization of the selector,
including the definitions of height, display type, background, overflow,
etc., was ignored, resulting in the KVM screen not displaying the
terminal interface. This commit helps to import these properties for the
KVM from the _kvm.scss file to fix bug [2].
Tested:
1. Go to the OBMC web page.
2. Go to the KVM page and check that it works normally
3. By minifying and zooming in on the web browser, the KVM screen
adjusts automatically.
4. Switch between different pages.
5. Return to the KVM page and check that it works normally.
[1]. https://github.com/openbmc/webui-vue/blob/master/src/App.vue#L38
[2]. Bug: https://github.com/openbmc/webui-vue/issues/128
Change-Id: I1842c914e27dd5c68fe20f49999712b68c1e93a5
Signed-off-by: Huy Le Anh <hule@amperecomputing.com>
-rw-r--r-- | src/views/Operations/Kvm/KvmConsole.vue | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/src/views/Operations/Kvm/KvmConsole.vue b/src/views/Operations/Kvm/KvmConsole.vue index 6e2a4eac..2b3084c5 100644 --- a/src/views/Operations/Kvm/KvmConsole.vue +++ b/src/views/Operations/Kvm/KvmConsole.vue @@ -176,6 +176,10 @@ export default { }; </script> +<style lang="scss"> +@import '@/assets/styles/bmc/custom/_kvm.scss'; +</style> + <style lang="scss" scoped> @import '@/assets/styles/bmc/helpers/_index.scss'; @import '@/assets/styles/bootstrap/_helpers.scss'; |