minor layout tweaks

This commit is contained in:
Jörn-Michael Miehe 2023-09-16 01:19:21 +00:00
parent b4a4a3990b
commit 3bf46847e9
3 changed files with 19 additions and 2 deletions

View file

@ -7,6 +7,7 @@
<h2 class="subtitle">Der Gelöt</h2> <h2 class="subtitle">Der Gelöt</h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">
<div class="level-item pr-4"> <div class="level-item pr-4">
<AdminButton v-model="is_admin" /> <AdminButton v-model="is_admin" />
@ -43,7 +44,17 @@ export default class extends Vue {
</script> </script>
<style> <style>
html {
overflow-y: auto !important;
}
body { body {
min-height: 100vh; min-height: 100vh;
} }
</style> </style>
<style scoped>
section.hero {
overflow-x: auto;
}
</style>

View file

@ -6,7 +6,7 @@
@click.left="on_click" @click.left="on_click"
:icon="'fa-solid fa-toggle-' + (modelValue ? 'on' : 'off')" :icon="'fa-solid fa-toggle-' + (modelValue ? 'on' : 'off')"
:busy="is_busy" :busy="is_busy"
:text="modelValue ? 'Admin' : 'User'" :text="modelValue ? 'Logout' : 'Login'"
/> />
</template> </template>

View file

@ -1,6 +1,6 @@
<template> <template>
<BulmaDrawer header="Türchen bearbeiten" @open="on_open"> <BulmaDrawer header="Türchen bearbeiten" @open="on_open">
<nav class="level mb-0"> <nav class="level is-mobile mb-0">
<BulmaButton <BulmaButton
:disabled="current_step === 0" :disabled="current_step === 0"
class="level-item is-link" class="level-item is-link"
@ -163,3 +163,9 @@ export default class extends Vue {
} }
} }
</script> </script>
<style scoped>
nav.level {
overflow-x: auto;
}
</style>