Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

layout improvements (more bulma)

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-09-07 17:32:53 +00:00
parent a9754f77bc
commit 7821aebd68
2 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/src/components/BulmaButton.vue
View file

@ -1,11 +1,9 @@
<template>
<button class="button">
<span class="icon-text">
<span v-if="icon !== undefined" class="icon">
<font-awesome-icon :icon="icon" />
</span>
<span><slot name="default" /></span>
</span>
</button>
</template>

19
ui/src/components/DoorMapEditor.vue
View file

@ -1,24 +1,29 @@
<template>
<div class="box">
<p class="title is-4">Türchen bearbeiten</p>
<div class="panel">
<p class="panel-heading">Türchen bearbeiten</p>
<div class="panel-tabs">
<BulmaBreadcrumbs :steps="steps" v-model="current_step" />
</div>
<div class="panel-block">
<DoorPlacer v-if="current_step === 0" v-model:doors="doors" />
<DoorChooser v-if="current_step === 1" v-model:doors="doors" />
<template v-if="current_step === 2">
<Calendar :doors="doors" />
<BulmaButton class="is-success" @click.left="load_doors">
<Calendar v-if="current_step === 2" :doors="doors" />
</div>
<div v-if="current_step === 2" class="panel-block">
<BulmaButton class="is-success is-fullwidth" @click.left="load_doors">
Laden
</BulmaButton>
<BulmaButton
class="is-success"
class="is-success is-fullwidth"
icon="fa-solid fa-crosshairs"
@click.left="save_doors"
>
Speichern
</BulmaButton>
</template>
</div>
</div>
</template>