usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2019-04-29 14:38:06 +09:00
parent c98eb64598
commit c0673884c5
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/client/app/common/views/components/ui/button.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<component class="dmtdnykelhudezerjlfpbhgovrgnqqgr" <component class="dmtdnykelhudezerjlfpbhgovrgnqqgr"
:is="link ? 'a' : 'button'" :is="link ? 'a' : 'button'"
:class="{ inline, primary, wait }" :class="{ inline, primary, wait, round: $store.state.device.roundedCorners }"
:type="type" :type="type"
@click="$emit('click')" @click="$emit('click')"
@mousedown="onMousedown" @mousedown="onMousedown"
@ -116,7 +116,6 @@ export default Vue.extend({
font-size 16px font-size 16px
line-height 24px line-height 24px
border none border none
border-radius 6px
outline none outline none
box-shadow none box-shadow none
text-decoration none text-decoration none
@ -124,6 +123,9 @@ export default Vue.extend({
color var(--text) color var(--text)
background var(--buttonBg) background var(--buttonBg)
&.round
border-radius 6px
&:not(:disabled):hover &:not(:disabled):hover
background var(--buttonHoverBg) background var(--buttonHoverBg)
@ -157,7 +159,9 @@ export default Vue.extend({
bottom -5px bottom -5px
left -5px left -5px
border 2px solid var(--primaryAlpha03) border 2px solid var(--primaryAlpha03)
border-radius 10px
&.round:focus:after
border-radius 10px
&:not(.inline) + .dmtdnykelhudezerjlfpbhgovrgnqqgr &:not(.inline) + .dmtdnykelhudezerjlfpbhgovrgnqqgr
margin-top 16px margin-top 16px
@ -197,7 +201,6 @@ export default Vue.extend({
left 0 left 0
width 100% width 100%
height 100% height 100%
border-radius 6px
overflow hidden overflow hidden
>>> div >>> div
@ -210,6 +213,9 @@ export default Vue.extend({
transform scale(1) transform scale(1)
transition all 0.5s cubic-bezier(0, .5, .5, 1) transition all 0.5s cubic-bezier(0, .5, .5, 1)
&.round > .ripples
border-radius 6px
&.primary > .ripples >>> div &.primary > .ripples >>> div
background rgba(0, 0, 0, 0.15) background rgba(0, 0, 0, 0.15)