Oliver/Gravwell-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add a background to each of the options

Browse source
This commit is contained in:
Oliver-Akins 2021-12-25 23:56:54 -07:00
parent 1e8ae8e99f
commit c282ec0378
1 changed files with 18 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
web-svelte/src/views/lobby/multiplayer.svelte
View file

@ -103,6 +103,7 @@ function toggleOption(e: CustomEvent<string>) {
<h2>Options</h2> <h2>Options</h2>
<div class="options-box"> <div class="options-box">
{#each visibleOptions as option} {#each visibleOptions as option}
<div>
<SciFiCheckbox <SciFiCheckbox
name="{option.name}" name="{option.name}"
id="{option.id}" id="{option.id}"
@ -112,6 +113,7 @@ function toggleOption(e: CustomEvent<string>) {
> >
{option.name} {option.name}
</SciFiCheckbox> </SciFiCheckbox>
</div>
{/each} {/each}
</div> </div>
</div> </div>
@ -183,6 +185,13 @@ h1 {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
flex-wrap: wrap; flex-wrap: wrap;
> div {
background: rgba(255, 255, 255, 0.1);
border-radius: 5px;
padding: 3px 7px;
margin-bottom: 10px;
}
} }
.info-button-container { .info-button-container {