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