Skip to content

update switch UI #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Nov 8, 2017
Merged

update switch UI #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions example/components/input-option/input-option.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,15 +37,15 @@
height: 100%
justify-content space-between
align-items stretch
padding-left: 15px
.name
flex: 0 0 auto
width: 8rem
width: 120px
padding-left: 10px
display inline-flex
align-items center
input
flex: 1 1 auto
padding-left: 0.8rem
padding-left: 10px
background-color: $color-white
border-left: 1px solid rgba(0, 0, 0, .1)
box-shadow: 0 0 1px 1px #eee inset
Expand Down
6 changes: 3 additions & 3 deletions example/components/select-option/select-option.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,15 +43,15 @@
height: 100%
justify-content space-between
align-items stretch
padding-left: 15px
.name
flex: 0 0 auto
width: 8rem
width: 120px
display inline-flex
padding-left: 10px
align-items center
select
flex: 1 1 auto
padding-left: 0.8rem
padding-left: 10rem
background-color: $color-white
border: none
border-left: 1px solid rgba(0, 0, 0, .1)
Expand Down
14 changes: 8 additions & 6 deletions example/components/switch-option/switch-option.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,8 @@
margin-top: 5px
display: inline-block
position: relative
height: 31px
width: 51px
height: 22px
width: 36px
background-color: $color-white
border-radius: 1000px
border: 2px solid rgba(0, 0, 0, .1)
Expand All @@ -67,8 +67,8 @@
.switch-circle
position: absolute
display: inline-block
height: 27px
width: 27px
height: 20px
width: 20px
background: white
border-radius: 50%
border: 1px solid rgba(0, 0, 0, .1)
Expand All @@ -77,7 +77,9 @@
left: 0
transition: all 0.3s
&.active
left: 21px
transition: all 0.4s ease 0.1s
left: 14px
border: 1px solid $color-white
box-shadow: -1px 1px 1px $color-dark-orange
transition: all 0.3s ease 0.05s

</style>