Fix I think

nm_live
noah metz 2024-01-27 19:12:21 -07:00
parent 99275a2ffa
commit 913b9ab608
2 changed files with 9 additions and 6 deletions

@ -304,11 +304,9 @@ onMount(() => {
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
<img class="gif-foreground" alt="blue-wins" src="/gifs/blue_win.gif">
{:else if (display_state == "rockies")}
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
<img class="gif-foreground" alt="rockies" src="/gifs/rockies.gif">
<img class="gif" alt="rockies" src="/gifs/rockies.gif">
{:else if (display_state == "prairies")}
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
<img class="gif-foreground" alt="prairies" src="/gifs/prairies.gif">
<img class="gif" alt="prairies" src="/gifs/prairies.gif">
{:else if (display_state == "ab-education")}
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
<img class="gif-foreground" alt="ab-education" src="/gifs/ab_education.gif">
@ -371,6 +369,11 @@ p {
width: 100%;
}
.gif {
width: 100%;
height: 100%;
}
.gif-background {
z-index: 0;
height: 100%;

@ -82,14 +82,14 @@ client.on("message", (topic, message) => {
{#each Object.entries(displays) as [name, info]}
<div>
<p>{name}</p>
<select bind:value={info.class} on:change={() => client.publish(`display/${name}/class`, info.class)}>
<select bind:value={info.class} on:change={() => client.publish(`display/${name}/class`, info.class, {retain: true})}>
{#each classes as c}
<option value={c}>
{c}
</option>
{/each}
</select>
<select bind:value={info.state} on:change={() => client.publish(`display/${name}/state`, info.state)}>
<select bind:value={info.state} on:change={() => client.publish(`display/${name}/state`, info.state, {retain: true})}>
{#each states as s}
<option value={s}>
{s}