change name and basic look

scotch-io · Apr 3, 2018 · 3d3a341 · 3d3a341
1 parent a02a179
commit 3d3a341
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>todo-app</title>
+    <title>VueDo</title>
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css">
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

diff --git a/src/App.vue b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <h1 class="ui dividing centered header">Vue.js Todo App</h1>
+    <h1 class="ui dividing centered header">VueDO</h1>
     <div class='ui three column centered grid'>
       <div class='column'>
         <todo-list :todos="todos"></todo-list>

diff --git a/src/components/CreateTodo.vue b/src/components/CreateTodo.vue
@@ -14,13 +14,16 @@
             <label>Project</label>
             <input v-model="projectText" type='text'>
           </div>
-          <div class='ui two button attached buttons'>
-            <button class='ui basic blue button' @click="sendForm()">
-              Create
-            </button>
-            <button class='ui basic red button' @click="closeForm">
+
+          <div class='ui buttons'>
+            <button class='ui icon button' @click="closeForm">
               Cancel
             </button>
+            <div class="or"></div>
+            <button class="ui right labeled icon button positive" @click="sendForm()">
+              <i class="add icon"></i>
+              New
+            </button>
           </div>
         </div>
       </div>