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

@ -82,14 +82,14 @@ client.on("message", (topic, message) => {
{#each Object.entries(displays) as [name, info]} {#each Object.entries(displays) as [name, info]}
<div> <div>
<p>{name}</p> <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} {#each classes as c}
<option value={c}> <option value={c}>
{c} {c}
</option> </option>
{/each} {/each}
</select> </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} {#each states as s}
<option value={s}> <option value={s}>
{s} {s}