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

Calendar component: bulma level fix responsiveness

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-10-27 20:52:06 +00:00
parent f91b3d17d7
commit 5e5b2b164e
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
ui/src/components/Calendar.vue
View file

@ -2,19 +2,21 @@
<MultiModal @handle="modal_handle" /> <MultiModal @handle="modal_handle" />
<figure> <figure>
<div class="level is-mobile mb-2"> <div class="level">
<div class="level-left"> <div class="level-left">
<figcaption class="level-item has-text-primary-dark"> <figcaption class="level-item has-text-primary-dark">
{{ figure_caption }} {{ figure_caption }}
</figcaption> </figcaption>
</div> </div>
<div class="level-right"> <div class="level-right">
<BulmaButton <div class="level-item">
class="level-item tag is-link" <BulmaButton
text="Türchen anzeigen" class="tag is-warning is-outlined"
:icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')" text="Türchen anzeigen"
@click.left="show_doors = !show_doors" :icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')"
/> @click.left="show_doors = !show_doors"
/>
</div>
</div> </div>
</div> </div>
<div class="image is-unselectable"> <div class="image is-unselectable">