diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2021-04-13 23:15:46 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2021-04-13 23:15:46 -0500 |
| commit | 72e980b857ffac4c362d3d4b6689d251fac6a750 (patch) | |
| tree | f347c443c1e8efe6d244af7e06e11aececa5c00b /src/components/List.vue | |
| parent | 569488c24ac0ee5c4cca9adfb0dc3f3aa9e7eca4 (diff) | |
| parent | 5433214aa9b2cd3dd3445f9f2db297d4a6f2e670 (diff) | |
Merge pull request #2 from cobraguy/styling
Add styling and dark mode
Diffstat (limited to 'src/components/List.vue')
| -rw-r--r-- | src/components/List.vue | 17 |
1 files changed, 3 insertions, 14 deletions
diff --git a/src/components/List.vue b/src/components/List.vue index 031f708..f1ef690 100644 --- a/src/components/List.vue +++ b/src/components/List.vue @@ -3,8 +3,7 @@ <li v-for="item in items" :key="item.id" - @click="$emit('selectionChanged', item)" - class="list-item"> + @click="$emit('selectionChanged', item)"> <slot :item="item">{{ item }}</slot> </li> </ul> @@ -25,17 +24,7 @@ export default { <style scoped> .list { list-style-type: none; -} - -.list-item { - border: 1px solid grey; - border-radius: 5px; - margin: 5px 0; - padding: 0.15em; - text-align: center; -} - -.list-item:hover { - background-color: rgb(182, 182, 182); + margin: 0; + padding: 0; } </style> |