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

show current mood without image for mobile

Browse source
This commit is contained in:
Christophe Robillard 2026-01-07 16:24:35 +01:00
parent 86435da71c
commit 415abbe70f
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -16,6 +16,12 @@ body {
font-style: normal; font-style: normal;
} }
.current-day {
background-color: white;
position: sticky;
top: 0
}
.bar-afond { .bar-afond {
background: black; background: black;
width: 10px; width: 10px;

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

@ -1,7 +1,10 @@
<main data-controller="mood" class="columns m-auto"> <main data-controller="mood" class="columns m-auto">
<section class="mode section column m-auto"> <section class="is-hidden-mobile mode section column m-auto">
<%= image_tag(@mode + ".jpg", "data-mood-target": "image") %> <%= image_tag(@mode + ".jpg", "data-mood-target": "image") %>
</section> </section>
<section class="is-hidden-desktop section column m-auto current-day">
<h1><%= @mode %></h1>
</section>
<section class="tracker section column has-background-primary-light my-0 mx-auto"> <section class="tracker section column has-background-primary-light my-0 mx-auto">
<h1 class="title is-1 mt-6">Comment ça KLUK aujourd'hui ?</h1> <h1 class="title is-1 mt-6">Comment ça KLUK aujourd'hui ?</h1>
<div class="subtitle" data-mood-target="info">Aujourd'hui</div> <div class="subtitle" data-mood-target="info">Aujourd'hui</div>