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

refacto legend

Browse source
This commit is contained in:
Christophe Robillard 2026-01-06 14:02:23 +01:00
parent 20d006e3c9
commit 266352b468
2 changed files with 6 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/stylesheets/kluk.css
View file

@ -20,39 +20,34 @@ body {
background: black; background: black;
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-left: 15px;
} }
.bar-creatif { .bar-creatif {
background: red; background: red;
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-left: 15px;
} }
.bar-frigo { .bar-frigo {
background: gray; background: gray;
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-left: 15px;
} }
.bar-croisiere { .bar-croisiere {
background: green; background: green;
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-left: 15px;
} }
.bar-en-charge { .bar-en-charge {
background: orange; background: orange;
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-left: 15px;
} }
.bar-explain { .bar-explain {
padding-left: 3px; padding-left: 5px;
} }
.day { .day {

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

@ -22,23 +22,23 @@
</div> </div>
<div class="level m-auto"> <div class="level m-auto">
<div class="level-item has-text-centered"> <div class="level-item has-text-centered">
<div class="bar-frigo"></div> <span class="bar-frigo"></span>
<div class="bar-explain">Triste</div> <div class="bar-explain">Triste</div>
</div> </div>
<div class="level-item has-text-centered"> <div class="level-item has-text-centered">
<div class="bar-en-charge"></div> <span class="bar-en-charge"></span>
<div class="bar-explain">En charge</div> <div class="bar-explain">En charge</div>
</div> </div>
<div class="level-item has-text-centered"> <div class="level-item has-text-centered">
<div class="bar-croisiere"></div> <span class="bar-croisiere"></span>
<div class="bar-explain">Croisiere</div> <div class="bar-explain">Croisiere</div>
</div> </div>
<div class="level-item has-text-centered"> <div class="level-item has-text-centered">
<div class="bar-creatif"></div> <span class="bar-creatif"></span>
<div class="bar-explain">Créatif</div> <div class="bar-explain">Créatif</div>
</div> </div>
<div class="level-item has-text-centered"> <div class="level-item has-text-centered">
<div class="bar-afond"></div> <span class="bar-afond"></span>
<div class="bar-explain">A fond</div> <div class="bar-explain">A fond</div>
</div> </div>
</div> </div>