atualizações de design

wizdoux · wizdoux · commit 21e50bcec0ce · 2023-05-29T13:22:43.000-03:00
diff --git a/index.css b/index.css
@@ -1,13 +1,14 @@
 body {
-  margin: 0;
+  background: whitesmoke !important;
 }
 
 * {
   box-sizing: border-box;
 }
 
 ul {
-  padding: 0;
+  padding: 1% 5% !important;
+  list-style: none;
 }
 
 ul li {
@@ -18,11 +19,6 @@ ul li {
   padding: 15px 20px;
   background: #d6d6d6;
   font-size: 18px;
-
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
 }
 
 .close {
diff --git a/index.html b/index.html
@@ -1,26 +1,30 @@
 <!DOCTYPE html>
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="index.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
-      integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
-      crossorigin="anonymous" referrerpolicy="no-referrer" />
-  </head>
 
-  <body>
-    <div class="header">
-      <h2>Lista de tarefas</h2>
-      <div class="addField">
-        <input id="myInput" placeholder="Adicionar...">
-        <span onclick="adicionar()" class="addBtn">
-          <i class="fa-solid fa-plus"></i>
-        </span>
-      </div>
-    </div>
-    <div>
-      <ul id="myUL">
-      </ul>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="index.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
+    integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+</head>
+
+<body>
+  <div class="header">
+    <h2>Lista de tarefas</h2>
+    <div class="addField">
+      <input id="myInput" placeholder="Adicionar...">
+      <span onclick="adicionar()" class="addBtn">
+        <i class="fa-solid fa-plus"></i>
+      </span>
     </div>
-    <script src="index.js"></script>
-  </body>
-</html>
+  </div>
+  <div>
+    <ul id="myUL">
+    </ul>
+  </div>
+  <script src="index.js"></script>
+</body>
+
+</html>
diff --git a/index.js b/index.js
@@ -1,6 +1,6 @@
 const data = [
-  { desc: "Pagar contas" }, { desc: "Programar aquela lista de tarefas" }, { desc: "Comprar salgados" },
-  { desc: "Abastecer o carro" }, { desc: "Fazer o trabalho da facul" }
+  // { desc: "Pagar contas" }, { desc: "Programar aquela lista de tarefas" }, { desc: "Comprar salgados" },
+  // { desc: "Abastecer o carro" }, { desc: "Fazer o trabalho da facul" }
 ];
 
 function carregarLista() {

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,14 @@`
`1`	`1`	`body {`
`2`		`- margin: 0;`
	`2`	`+ background: whitesmoke !important;`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`* {`
`6`	`6`	`box-sizing: border-box;`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`ul {`
`10`		`- padding: 0;`
	`10`	`+ padding: 1% 5% !important;`
	`11`	`+ list-style: none;`
`11`	`12`	`}`
`12`	`13`
`13`	`14`	`ul li {`
`@@ -18,11 +19,6 @@ ul li {`
`18`	`19`	`padding: 15px 20px;`
`19`	`20`	`background: #d6d6d6;`
`20`	`21`	`font-size: 18px;`
`21`		`-`
`22`		`- -webkit-user-select: none;`
`23`		`- -moz-user-select: none;`
`24`		`- -ms-user-select: none;`
`25`		`- user-select: none;`
`26`	`22`	`}`
`27`	`23`
`28`	`24`	`.close {`