chore: style with tailwind

autonomy-local · Jul 14, 2024 · a7c6b5e · a7c6b5e
1 parent efa9fe7
commit a7c6b5e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/index.tsx b/src/index.tsx
@@ -2,6 +2,8 @@ import { render } from 'solid-js/web';
 
 import { TodoList } from './todo-list';
 
+import './index.css';
+
 const root = document.getElementById('root');
 
 if (import.meta.env.DEV && !(root instanceof HTMLElement)) {

diff --git a/src/todo-list.tsx b/src/todo-list.tsx
@@ -17,7 +17,7 @@ export const TodoList = () => {
     <>
       <div>
         <input placeholder="new todo here" ref={input} />
-        <button
+        <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
           onClick={() => {
             if (!input.value.trim()) return;
             addTodo(input.value);