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

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

@ -2,21 +2,23 @@
<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">
<div class="level-item">
<BulmaButton <BulmaButton
class="level-item tag is-link" class="tag is-warning is-outlined"
text="Türchen anzeigen" text="Türchen anzeigen"
:icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')" :icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')"
@click.left="show_doors = !show_doors" @click.left="show_doors = !show_doors"
/> />
</div> </div>
</div> </div>
</div>
<div class="image is-unselectable"> <div class="image is-unselectable">
<img :src="$advent22.api_url('user/background_image')" /> <img :src="$advent22.api_url('user/background_image')" />
<ThouCanvas> <ThouCanvas>