diff options
| author | Vitalii Lysak <v.lysak@dunice.net> | 2022-06-30 18:51:10 +0300 |
|---|---|---|
| committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-06-30 18:51:10 +0300 |
| commit | 573f483675f586fb3655e0c70ddc7cfb230ce09d (patch) | |
| tree | 0e639c0ac721c2980af60f4b2d32a1f7e7bfc1d4 | |
| parent | 6ff82e9cf2c487f089044e4fbbcf53418134f707 (diff) | |
| download | webui-vue-573f483675f586fb3655e0c70ddc7cfb230ce09d.tar.xz | |
upd styles for console
| -rw-r--r-- | src/views/Operations/Kvm/KvmConsole.vue | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/src/views/Operations/Kvm/KvmConsole.vue b/src/views/Operations/Kvm/KvmConsole.vue index c028a9fc..02c8f520 100644 --- a/src/views/Operations/Kvm/KvmConsole.vue +++ b/src/views/Operations/Kvm/KvmConsole.vue @@ -2,7 +2,10 @@ <div :class="marginClass"> <div ref="toolbar" class="kvm-toolbar"> <b-row class="d-flex"> - <b-col class="d-flex flex-column justify-content-end" cols="4"> + <b-col + class="d-flex flex-column justify-content-end console-title" + md="4" + > <dl class="mb-2" sm="2" md="2"> <dt class="d-inline font-weight-bold mr-1"> {{ $t('pageKvm.status') }}: @@ -14,9 +17,10 @@ </dl> </b-col> - <b-col class="d-flex justify-content-end pr-1"> + <b-col class="d-flex justify-content-end pr-1 flex-column flex-md-row"> <b-button v-if="isConnected" + class="console-title console-button" variant="link" type="button" @click="sendCtrlAltDel" @@ -26,6 +30,7 @@ </b-button> <b-button v-if="!isFullWindow" + class="console-title console-button" variant="link" type="button" @click="openConsoleWindow()" @@ -167,4 +172,16 @@ export default { .margin-left-full-window { margin-left: 5px; } + +@media (max-width: 1200px) { + .console-title { + font-size: 0.7rem; + } +} + +@media (max-width: 576px) { + .console-button { + justify-content: flex-end; + } +} </style> |