Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2024-11-23 00:03:07 +00:00
Code Issues 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

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

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

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

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