streaming/Priority
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

=setup

Browse source
This commit is contained in:
Miki 2023-12-06 12:41:37 +01:00
parent 9b805e7b77
commit f979da1096
1 changed files with 33 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
frontend/src/routes/setup/+page.svelte
View file

@ -2,37 +2,43 @@
import Logo from "$lib/img/topscorer_logo_web.png" import Logo from "$lib/img/topscorer_logo_web.png"
</script> </script>
<div class="header"> <div class="container">
<img class="img" src={Logo} alt="logo"> <div class="header">
<span class="title">title</span> <img class="img" src={Logo} alt="logo">
</div> <span class="title">title</span>
</div>
<div class="heat">
<form action="" method="post"> <div class="heat">
<label for="name">Name</label> <form action="" method="post">
<input id="name" type="text"> <label for="name">Name</label>
<label for="category">Category</label> <input id="name" type="text">
<input id="category" type="text"> <label for="category">Category</label>
</form> <input id="category" type="text">
</div> </form>
</div>
<div class="surfer">
<form action="" method="post"> <div class="surfer">
<label for="firstname">Firstname</label> <form action="" method="post">
<input id="firstname" type="text"> <label for="firstname">Firstname</label>
<label for="lastname">Lastname</label> <input id="firstname" type="text">
<input id="lastname" type="text"> <label for="lastname">Lastname</label>
<label for="color">Color</label> <input id="lastname" type="text">
<input id="color" type="text"> <label for="color">Color</label>
</form> <input id="color" type="text">
<button>+</button> </form>
<button>+</button>
</div>
</div> </div>
<style> <style>
.container {
display: block;
}
.header { .header {
background-color: black; background-color: black;
color: aliceblue; color: aliceblue;
display: inline-flex display: inline-block;
} }
.header .img { .header .img {
@ -48,7 +54,7 @@
margin-bottom: 2px; margin-bottom: 2px;
background-color: #111; background-color: #111;
color: lightcyan; color: lightcyan;
display: flex; display: inline-block;
} }
.surfer { .surfer {
@ -56,7 +62,7 @@
margin-bottom: 2px; margin-bottom: 2px;
background-color: #111; background-color: #111;
color: lightcyan; color: lightcyan;
display: flex; display: inline-flex;
} }
</style> </style>