Better checkboxes, global button css

2026-01-20 14:25:14 +00:00 · 2020-03-23 17:26:32 -07:00
parent f6114cf7d1
commit af77551fe0
3 changed files with 26 additions and 9 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -53,4 +53,28 @@ export default {
  color: #2c3e50;
  margin-top: 60px;
 }
+
+button {
+  font-size: 16px;
+  padding: 8px;
+  border-radius: 3px;
+  margin: 5px 10px 5px 0px;
+}
+
+input[type='checkbox'] {
+  -webkit-appearance:none;
+  cursor: pointer;
+  width:24px;
+  height:24px;
+  background:white;
+  border-radius: 2px;
+  border: 1px solid #555;
+  position: relative;
+  vertical-align: middle;
+  padding: 10px;
+}
+
+input[type='checkbox']:checked {
+  background: #679;
+}
 </style>