mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-02 08:48:11 +09:00
Code

wip

Browse Source
This commit is contained in:
syuilo 2018-09-28 16:08:09 +09:00
parent 99a2c5b3fa
commit 671c7cf06b
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
1 changed files with 11 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/client/app/desktop/views/components/follow-button.vue
View File

@ -101,9 +101,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-follow-button
root(isDark)
display block display block
cursor pointer cursor pointer
padding 0 padding 0
@ -130,33 +128,30 @@ root(isDark)
border-radius 8px border-radius 8px
&:not(.active) &:not(.active)
color isDark ? #fff : #888 color var(--primary)
background isDark ? linear-gradient(to bottom, #313543 0%, #282c37 100%) : linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) border solid 1px var(--primary)
border solid 1px isDark ? #1c2023 : #e2e2e2
&:hover &:hover
background isDark ? linear-gradient(to bottom, #2c2f3c 0%, #22262f 100%) : linear-gradient(to bottom, #f9f9f9 0%, #ececec 100%) background var(--primaryAlpha03)
border-color isDark ? #151a1d : #dcdcdc
&:active &:active
background isDark ? #22262f : #ececec background var(--primaryAlpha05)
border-color isDark ? #151a1d : #dcdcdc
&.active &.active
color var(--primaryForeground) color var(--primaryForeground)
background linear-gradient(to bottom, var(--primaryLighten25) 0%, var(--primaryLighten10) 100%) background var(--primary)
border solid 1px var(--primaryLighten15) border solid 1px var(--primary)
&:not(:disabled) &:not(:disabled)
font-weight bold font-weight bold
&:hover:not(:disabled) &:hover:not(:disabled)
background linear-gradient(to bottom, var(--primaryLighten8) 0%, var(--primaryDarken8) 100%) background var(--primaryLighten5)
border-color var(--primary) border-color var(--primaryLighten5)
&:active:not(:disabled) &:active:not(:disabled)
background var(--primary) background var(--primaryDarken5)
border-color var(--primary) border-color var(--primaryDarken5)
&.wait &.wait
cursor wait !important cursor wait !important
@ -167,10 +162,4 @@ root(isDark)
height 38px height 38px
line-height 38px line-height 38px
.mk-follow-button[data-darkmode]
root(true)
.mk-follow-button:not([data-darkmode])
root(false)
</style> </style>