krichtof/app.kluk.fr
1
0
Fork 0
Code Issues 9 Pull requests Projects 1 Releases Packages Wiki Activity Actions

move info day below legend

Browse source
This commit is contained in:
Christophe Robillard 2026-02-26 10:00:38 +01:00
parent fa1fb8cd60
commit eecc0105c1
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/views/moods/index.html.erb
View file

@ -1,20 +1,17 @@
<main data-controller="mood" class="columns m-auto"> <main data-controller="mood" class="columns m-auto">
<div class="current-day column"> <div class="current-day column is-hidden-mobile">
<section class="m-4"> <section class="m-4">
<div class="is-hidden-tablet mb-4"> <figure class="image has-ratio">
<div class="" data-mood-target="modeDayMobile">Aujourd'hui</div>
</div>
<figure class="image is-hidden-mobile has-ratio ">
<%= image_tag(@mode + ".jpg", "data-mood-target": "image") %> <%= image_tag(@mode + ".jpg", "data-mood-target": "image") %>
</figure> </figure>
</section> </section>
</div> </div>
<section class="section column has-background-primary-light is-flex is-flex-direction-column is-justify-content-space-around"> <section class="section column has-background-primary-light is-flex is-flex-direction-column is-justify-content-space-around">
<div class="is-hidden-mobile mb-4">
<div class="title is-3" data-mood-target="modeDay">Aujourd'hui</div>
</div>
<div class="tracker"> <div class="tracker">
<div class="legend is-flex is-flex-wrap-wrap mb-5"> <div class="legend is-flex is-flex-wrap-wrap mb-5">
<div class="is-flex is-align-items-center mr-4">
<div class=""><strong>Légende</strong></div>
</div>
<div class="is-flex is-align-items-center mr-4"> <div class="is-flex is-align-items-center mr-4">
<div class="bar-frigo mr-1"></div> <div class="bar-frigo mr-1"></div>
<div class="">Triste</div> <div class="">Triste</div>
@ -36,6 +33,12 @@
<div class="">A fond</div> <div class="">A fond</div>
</div> </div>
</div> </div>
<div class="container mb-4 p-3 has-background-white day-info">
<div class="title is-4" data-mood-target="modeDay">
<span class="icon"><i class="fa-regular fa-calendar"></i></span>
Aujourd'hui
</div>
</div>
<div class="logs"> <div class="logs">
<div class="is-flex is-flex-direction-row is-flex-wrap-wrap mb-3"> <div class="is-flex is-flex-direction-row is-flex-wrap-wrap mb-3">
<% @history.each do |month| %> <% @history.each do |month| %>