refactor roomcompponent
This commit is contained in:
parent
0066166765
commit
f36441565c
4 changed files with 47 additions and 31 deletions
|
@ -1,5 +1,8 @@
|
|||
<script lang="ts">
|
||||
import RoomList from "$lib/components/RoomList.svelte"
|
||||
import RoomComponent from "$lib/components/Room.svelte"
|
||||
import { parseRoom, type Room } from "$lib/types"
|
||||
|
||||
let room: Room = { id: "asd", coords: [0.123, 0.456], name: "scatolame party", private: true, range: 124 }
|
||||
</script>
|
||||
|
||||
<div class="h-full w-full flex-row justify-center p-4">
|
||||
|
@ -7,17 +10,17 @@
|
|||
<h1>Scan your nearby rooms</h1>
|
||||
<img src="/smerdoradar.gif" alt="radar" class="h-64 w-64" />
|
||||
<div class="max-h-50 w-full overflow-y-auto">
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomList />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
<RoomComponent {room} />
|
||||
</div>
|
||||
<div class="fixed bottom-0 right-0">
|
||||
<div class="fixed right-0 bottom-0">
|
||||
<button class="mt-4 justify-end rounded bg-blue-500 px-6 py-2 text-white transition-colors hover:bg-blue-600 active:bg-blue-700"> + </button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue