diff --git a/todos/src/App.vue b/todos/src/App.vue index 9f02ecb..86b380c 100644 --- a/todos/src/App.vue +++ b/todos/src/App.vue @@ -67,16 +67,3 @@ export default { - - diff --git a/todos/src/assets/global.css b/todos/src/assets/global.css new file mode 100644 index 0000000..7f3efdf --- /dev/null +++ b/todos/src/assets/global.css @@ -0,0 +1,19 @@ +/* src/assets/global.css */ + +#app { + width: 100%; + max-width: 600px; + margin: 20px auto; + padding: 15px; + box-shadow: 0 0 10px rgba(0,0,0,0.08); + border-radius: 10px; + background: white; + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + font-family: sans-serif; + background: #f4f6fa; +} diff --git a/todos/src/components/TodoList.vue b/todos/src/components/TodoList.vue index fed0e0e..75bff82 100644 --- a/todos/src/components/TodoList.vue +++ b/todos/src/components/TodoList.vue @@ -75,21 +75,7 @@ .tdItem-acts a:hover { text-decoration: underline; } - - - - + + \ No newline at end of file diff --git a/todos/src/main.js b/todos/src/main.js index 01433bc..58940f6 100644 --- a/todos/src/main.js +++ b/todos/src/main.js @@ -1,4 +1,5 @@ import { createApp } from 'vue' import App from './App.vue' +import './assets/global.css' createApp(App).mount('#app')