1
0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-13 06:08:14 +09:00
This commit is contained in:
syuilo 2018-09-28 12:20:22 +09:00
parent 7609741680
commit 29476ea3da
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
3 changed files with 8 additions and 21 deletions

View File

@ -343,7 +343,7 @@ root(isDark)
> .reply > .reply
margin-right 8px margin-right 8px
color isDark ? #99abbf : #717171 color var(--noteText)
> .rp > .rp
margin-left 4px margin-left 4px

View File

@ -27,17 +27,18 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mk-note-card
display inline-block display inline-block
width 150px width 150px
//height 120px //height 120px
font-size 12px font-size 12px
background var(--face) background var(--face)
border-radius 4px border-radius 4px
box-shadow 0 2px 8px rgba(0, 0, 0, 0.2)
> a > a
display block display block
color isDark ? #fff : #2c3940 color var(--noteText)
&:hover &:hover
text-decoration none text-decoration none
@ -75,17 +76,11 @@ root(isDark)
left 0 left 0
width 100% width 100%
height 20px height 20px
background isDark ? linear-gradient(to bottom, rgba(#282c37, 0) 0%, #282c37 100%) : linear-gradient(to bottom, rgba(#fff, 0) 0%, #fff 100%) background linear-gradient(to bottom, transparent 0%, var(--face) 100%)
> .mk-time > .mk-time
display inline-block display inline-block
padding 8px padding 8px
color #aaa color #aaa
.mk-note-card[data-darkmode]
root(true)
.mk-note-card:not([data-darkmode])
root(false)
</style> </style>

View File

@ -228,9 +228,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.note
root(isDark)
font-size 12px font-size 12px
border-bottom solid 1px var(--faceDivider) border-bottom solid 1px var(--faceDivider)
@ -383,7 +381,7 @@ root(isDark)
> .reply > .reply
margin-right 8px margin-right 8px
color isDark ? #99abbf : #717171 color var(--noteText)
> .rp > .rp
margin-left 4px margin-left 4px
@ -449,7 +447,7 @@ root(isDark)
margin-right 28px margin-right 28px
&:hover &:hover
color isDark ? #9198af : #666 color var(--noteActionsHover)
> .count > .count
display inline display inline
@ -459,12 +457,6 @@ root(isDark)
&.reacted &.reacted
color var(--primary) color var(--primary)
.note[data-darkmode]
root(true)
.note:not([data-darkmode])
root(false)
</style> </style>
<style lang="stylus" module> <style lang="stylus" module>