Fix app.css imports; fix Listbox example

This commit is contained in:
Ryan Gossiaux
2023-06-10 18:27:52 -07:00
parent 840bb58b21
commit 6bd93554be
3 changed files with 3 additions and 3 deletions

View File

@@ -1,5 +1,5 @@
<script> <script>
import "../../../app.css"; import "../../../../app.css";
</script> </script>
<div class="flex flex-col items-center justify-center"> <div class="flex flex-col items-center justify-center">

View File

@@ -21,7 +21,7 @@
</script> </script>
<div class="w-72 fixed top-16"> <div class="w-72 fixed top-16">
<Listbox value={selected} on:change={(e) => (selected = e.detail)}> <Listbox bind:value={selected}>
<div class="relative mt-1"> <div class="relative mt-1">
<ListboxButton <ListboxButton
class="relative w-full py-2 pl-3 pr-10 text-left bg-white rounded-lg shadow-md cursor-default focus:outline-none focus-visible:ring-2 focus-visible:ring-opacity-75 focus-visible:ring-white focus-visible:ring-offset-orange-300 focus-visible:ring-offset-2 focus-visible:border-indigo-500 sm:text-sm" class="relative w-full py-2 pl-3 pr-10 text-left bg-white rounded-lg shadow-md cursor-default focus:outline-none focus-visible:ring-2 focus-visible:ring-opacity-75 focus-visible:ring-white focus-visible:ring-offset-orange-300 focus-visible:ring-offset-2 focus-visible:border-indigo-500 sm:text-sm"

View File

@@ -1,5 +1,5 @@
<script> <script>
import "../../../app.css"; import "../../../../app.css";
</script> </script>
<div class="flex flex-col items-center justify-center"> <div class="flex flex-col items-center justify-center">