Make it a proper left side-bar

This commit is contained in:
Johannes Zellner
2024-12-28 12:07:48 +01:00
parent dd264617d7
commit a42c7e4735
4 changed files with 86 additions and 88 deletions

View File

@@ -51,6 +51,9 @@ export default {
} else {
that.view = '';
}
// hack for layout to avoid consuming space if vue view is not active
document.getElementById('app').style.height = that.view ? 'auto' : '0';
}
window.addEventListener('hashchange', onHashChange);

View File

@@ -47,7 +47,7 @@
<FormGroup v-if="volumeDialogData.mountType === 'sshfs'">
<label for="volumePort">{{ $t('volumes.addVolumeDialog.port') }}</label>
<input type="number" class="form-control" v-model="volumeDialogData.port" id="volumePort">
<NumberInput v-model="volumeDialogData.port" id="volumePort" min="0"/>
</FormGroup>
<FormGroup v-if="volumeDialogData.mountType === 'cifs' || volumeDialogData.mountType === 'nfs' || volumeDialogData.mountType === 'sshfs'">
@@ -110,7 +110,7 @@
<script>
import { Button, ButtonGroup, Checkbox, Dialog, Dropdown, FormGroup, InputDialog, PasswordInput, TableView, TextInput } from 'pankow';
import { Button, ButtonGroup, Checkbox, Dialog, Dropdown, FormGroup, InputDialog, NumberInput, PasswordInput, TableView, TextInput } from 'pankow';
import Card from './Card.vue';
@@ -132,6 +132,7 @@ export default {
Dropdown,
FormGroup,
InputDialog,
NumberInput,
PasswordInput,
TableView,
TextInput,