mirror of
https://code.lenaisten.de/Lenaisten/advent22.git
synced 2024-11-23 08:13:01 +00:00
remove bulma Drawer slot "heading"
This commit is contained in:
parent
cfeb87401e
commit
d4bd41fc67
2 changed files with 53 additions and 47 deletions
|
@ -1,8 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<BulmaDrawer>
|
<BulmaDrawer header="Türchen bearbeiten">
|
||||||
<template v-slot:heading>Türchen bearbeiten</template>
|
|
||||||
|
|
||||||
<template v-slot:default>
|
|
||||||
<div class="panel-tabs is-justify-content-space-between">
|
<div class="panel-tabs is-justify-content-space-between">
|
||||||
<BulmaButton
|
<BulmaButton
|
||||||
:disabled="current_step === 0"
|
:disabled="current_step === 0"
|
||||||
|
@ -45,7 +42,6 @@
|
||||||
text="Speichern"
|
text="Speichern"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
|
||||||
</BulmaDrawer>
|
</BulmaDrawer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
:icon="'fa-solid fa-angle-' + (is_open ? 'down' : 'right')"
|
:icon="'fa-solid fa-angle-' + (is_open ? 'down' : 'right')"
|
||||||
/>
|
/>
|
||||||
</span>
|
</span>
|
||||||
<span><slot name="heading" /></span>
|
<span v-if="header !== ''">{{ header }}</span>
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
<slot v-if="is_open" name="default" />
|
<slot v-if="is_open" name="default" />
|
||||||
|
@ -15,10 +15,20 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Vue } from "vue-class-component";
|
import { Options, Vue } from "vue-class-component";
|
||||||
|
|
||||||
|
@Options({
|
||||||
|
props: {
|
||||||
|
header: {
|
||||||
|
type: String,
|
||||||
|
required: false,
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
export default class extends Vue {
|
export default class extends Vue {
|
||||||
public is_open = false;
|
public is_open = false;
|
||||||
|
public header!: string;
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue