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

BulmaButton icon optional

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-09-07 16:51:19 +00:00
parent b3448dbfa8
commit 27db0ea908
2 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template> <template>
<button class="button"> <button class="button">
<span class="icon-text"> <span class="icon-text">
<span class="icon"> <span v-if="icon !== undefined" class="icon">
<font-awesome-icon :icon="icon" /> <font-awesome-icon :icon="icon" />
</span> </span>
<span><slot name="default" /></span> <span><slot name="default" /></span>
@ -14,11 +14,14 @@ import { Options, Vue } from "vue-class-component";
@Options({ @Options({
props: { props: {
icon: String, icon: {
type: String,
required: false,
},
}, },
}) })
export default class extends Vue { export default class extends Vue {
public icon!: string; public icon?: string;
} }
</script> </script>

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

@ -8,11 +8,7 @@
<DoorChooser v-if="current_step === 1" v-model:doors="doors" /> <DoorChooser v-if="current_step === 1" v-model:doors="doors" />
<template v-if="current_step === 2"> <template v-if="current_step === 2">
<Calendar :doors="doors" /> <Calendar :doors="doors" />
<BulmaButton <BulmaButton class="is-success" @click.left="load_doors">
class="is-success"
icon="fa-solid fa-crosshairs"
@click.left="load_doors"
>
Laden Laden
</BulmaButton> </BulmaButton>
<BulmaButton <BulmaButton