diff options
Diffstat (limited to 'examples/framework-solid/src/components')
| -rw-r--r-- | examples/framework-solid/src/components/Counter.css | 12 | ||||
| -rw-r--r-- | examples/framework-solid/src/components/Counter.jsx | 26 |
2 files changed, 19 insertions, 19 deletions
diff --git a/examples/framework-solid/src/components/Counter.css b/examples/framework-solid/src/components/Counter.css index 3ee017965..cffdbda7b 100644 --- a/examples/framework-solid/src/components/Counter.css +++ b/examples/framework-solid/src/components/Counter.css @@ -1,11 +1,11 @@ .counter { - display: grid; - font-size: 2em; - grid-template-columns: repeat(3, minmax(0, 1fr)); - margin-top: 3em; - place-items: center; + display: grid; + font-size: 2em; + grid-template-columns: repeat(3, minmax(0, 1fr)); + margin-top: 3em; + place-items: center; } .counter-message { - text-align: center; + text-align: center; } diff --git a/examples/framework-solid/src/components/Counter.jsx b/examples/framework-solid/src/components/Counter.jsx index bbd435f09..1255fa399 100644 --- a/examples/framework-solid/src/components/Counter.jsx +++ b/examples/framework-solid/src/components/Counter.jsx @@ -2,18 +2,18 @@ import { createSignal } from 'solid-js'; import './Counter.css'; export default function Counter({ children }) { - const [count, setCount] = createSignal(0); - const add = () => setCount(count() + 1); - const subtract = () => setCount(count() - 1); + const [count, setCount] = createSignal(0); + const add = () => setCount(count() + 1); + const subtract = () => setCount(count() - 1); - return ( - <> - <div class="counter"> - <button onClick={subtract}>-</button> - <pre>{count()}</pre> - <button onClick={add}>+</button> - </div> - <div class="counter-message">{children}</div> - </> - ); + return ( + <> + <div class="counter"> + <button onClick={subtract}>-</button> + <pre>{count()}</pre> + <button onClick={add}>+</button> + </div> + <div class="counter-message">{children}</div> + </> + ); } |