From c33c9a343ac80121168f6a8b38e22cb0aa557720 Mon Sep 17 00:00:00 2001 From: lucasjs Date: Tue, 7 Nov 2017 20:25:17 -0200 Subject: [PATCH] Edit components #1 --- .../{search-input.vue => SearchInput.vue} | 0 src/components/VisualSelector.vue | 79 +++++++++++++++++++ src/components/social-button.vue | 8 +- 3 files changed, 83 insertions(+), 4 deletions(-) rename src/components/{search-input.vue => SearchInput.vue} (100%) create mode 100644 src/components/VisualSelector.vue diff --git a/src/components/search-input.vue b/src/components/SearchInput.vue similarity index 100% rename from src/components/search-input.vue rename to src/components/SearchInput.vue diff --git a/src/components/VisualSelector.vue b/src/components/VisualSelector.vue new file mode 100644 index 0000000..9290c39 --- /dev/null +++ b/src/components/VisualSelector.vue @@ -0,0 +1,79 @@ + + + + + \ No newline at end of file diff --git a/src/components/social-button.vue b/src/components/social-button.vue index 678bf19..e454fd2 100644 --- a/src/components/social-button.vue +++ b/src/components/social-button.vue @@ -23,8 +23,8 @@ export default { }, computed: { socialbtnStyle() { - if (this.design === 'main' || !this.design) return 'social-btn-main'; - if (this.design === 'login') return 'social-btn-login'; + if (this.design === 'main' || !this.design) return 'social-btn--main'; + if (this.design === 'login') return 'social-btn--login'; }, }, }; @@ -44,10 +44,10 @@ export default { position relative margin-bottom 20px - &-main + &--main border 1px solid $blue - &-login + &--login border 0 .icon