Todo work

packages/example/src/todos/views/VTodos.tsx

@@ -1,4 +1,4 @@
-import { Flex } from "@radix-ui/themes"
+import { Box, Flex } from "@radix-ui/themes"
 import { Chunk, Effect, Stream } from "effect"
 import { Reffuse } from "../reffuse"
 import { TodosState } from "../services"
@@ -20,15 +20,15 @@ export function VTodos() {
 
 
     return (
-        <Flex direction="column" align="stretch" gap="3">
-            <VNewTodo />
+        <Flex direction="column" align="center" gap="3">
+            <Box width="500px">
+                <VNewTodo />
+            </Box>
 
             {Chunk.map(todos, (todo, index) => (
-                <VTodo
-                    key={todo.id}
-                    index={index}
-                    todo={todo}
-                />
+                <Box key={todo.id} width="500px">
+                    <VTodo index={index} todo={todo} />
+                </Box>
             ))}
         </Flex>
     )