diff options
-rw-r--r-- | src/views/Operations/Kvm/KvmConsole.vue | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/src/views/Operations/Kvm/KvmConsole.vue b/src/views/Operations/Kvm/KvmConsole.vue index c028a9fc..a9ae4622 100644 --- a/src/views/Operations/Kvm/KvmConsole.vue +++ b/src/views/Operations/Kvm/KvmConsole.vue @@ -14,9 +14,13 @@ </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-sm-row" + md="8" + > <b-button v-if="isConnected" + class="btn-console" variant="link" type="button" @click="sendCtrlAltDel" @@ -26,6 +30,7 @@ </b-button> <b-button v-if="!isFullWindow" + class="btn-console" variant="link" type="button" @click="openConsoleWindow()" @@ -167,4 +172,16 @@ export default { .margin-left-full-window { margin-left: 5px; } + +@media (max-width: 1200px) { + .btn-console { + font-size: 0.7rem; + } +} + +@media (max-width: 576px) { + .btn-console { + justify-content: flex-end; + } +} </style> |