wip
This commit is contained in:
parent
7609741680
commit
29476ea3da
3 changed files with 8 additions and 21 deletions
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue