diff options
| author | taehoon <th.dev91@gmail.com> | 2019-04-03 23:42:24 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-04-17 11:32:49 -0400 |
| commit | 80d83b46d91d812bc6edf4085906c1b01b0cac46 (patch) | |
| tree | 9674c47d070e88e7196ba8f5961ab6d484287f7b | |
| parent | 3a318dc373dba930573d542f4910772bf6fdc502 (diff) | |
move border-bottom style to the list
| -rw-r--r-- | src/components/basic_user_card/basic_user_card.vue | 10 | ||||
| -rw-r--r-- | src/components/selectable_list/selectable_list.vue | 3 |
2 files changed, 4 insertions, 9 deletions
diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue index 8afe8b44..48de6678 100644 --- a/src/components/basic_user_card/basic_user_card.vue +++ b/src/components/basic_user_card/basic_user_card.vue @@ -24,19 +24,11 @@ <script src="./basic_user_card.js"></script> <style lang="scss"> -@import '../../_variables.scss'; - .basic-user-card { display: flex; flex: 1 0; margin: 0; - padding-top: 0.6em; - padding-right: 1em; - padding-bottom: 0.6em; - padding-left: 1em; - border-bottom: 1px solid; - border-bottom-color: $fallback--border; - border-bottom-color: var(--border, $fallback--border); + padding: 0.6em 1em; &-collapsed-content { margin-left: 0.7em; diff --git a/src/components/selectable_list/selectable_list.vue b/src/components/selectable_list/selectable_list.vue index 7a7a7644..25b8e56b 100644 --- a/src/components/selectable_list/selectable_list.vue +++ b/src/components/selectable_list/selectable_list.vue @@ -20,6 +20,9 @@ .selectable-list { &-item { display: flex; + border-bottom: 1px solid; + border-bottom-color: $fallback--border; + border-bottom-color: var(--border, $fallback--border); &-selected { background-color: $fallback--lightBg; |