Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
syuilo 2018-09-28 15:34:34 +09:00
parent c627288bde
commit 13f258308e
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
16 changed files with 45 additions and 316 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/client/app/desktop/views/components/received-follow-requests-window.vue
View file

@ -47,8 +47,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.slpqaxdoxhvglersgjukmvizkqbmbokc
padding 16px
> button
@ -57,16 +56,10 @@ root(isDark)
> div
display flex
padding 16px
border solid 1px isDark ? #1c2023 : #eee
border solid 1px var(--faceDivider)
border-radius 4px
> span
margin 0 0 0 auto
.slpqaxdoxhvglersgjukmvizkqbmbokc[data-darkmode]
root(true)
.slpqaxdoxhvglersgjukmvizkqbmbokc:not([data-darkmode])
root(false)
</style>

13
src/client/app/desktop/views/components/renote-form.vue
View file

@ -57,16 +57,13 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-renote-form
> .preview
margin 16px 22px
> footer
height 72px
background isDark ? #313543 : var(--primaryLighten95)
background var(--desktopRenoteFormFooter)
> .quote
position absolute
@ -87,10 +84,4 @@ root(isDark)
&.ok
right 16px
.mk-renote-form[data-darkmode]
root(true)
.mk-renote-form:not([data-darkmode])
root(false)
</style>

14
src/client/app/desktop/views/components/ui-notification.vue
View file

@ -36,7 +36,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-ui-notification
display block
position fixed
z-index 10000
@ -46,10 +46,10 @@ root(isDark)
margin 0 auto
padding 128px 0 0 0
width 500px
color rgba(isDark ? #fff : #000, 0.6)
//background rgba(var(--face), 0.9)
color var(--desktopNotificationFg)
background var(--desktopNotificationBg)
border-radius 0 0 8px 8px
box-shadow 0 2px 4px rgba(#000, isDark ? 0.4 : 0.2)
box-shadow 0 2px 4px var(--desktopNotificationShadow)
transform translateY(-64px)
opacity 0
@ -58,10 +58,4 @@ root(isDark)
line-height 64px
text-align center
.mk-ui-notification[data-darkmode]
root(true)
.mk-ui-notification:not([data-darkmode])
root(false)
</style>

11
src/client/app/desktop/views/components/user-lists-window.vue
View file

@ -47,8 +47,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.xkxvokkjlptzyewouewmceqcxhpgzprp
padding 16px
> button
@ -57,13 +56,7 @@ root(isDark)
> a
display block
padding 16px
border solid 1px isDark ? #1c2023 : #eee
border solid 1px var(--faceDivider)
border-radius 4px
.xkxvokkjlptzyewouewmceqcxhpgzprp[data-darkmode]
root(true)
.xkxvokkjlptzyewouewmceqcxhpgzprp:not([data-darkmode])
root(false)
</style>

21
src/client/app/desktop/views/components/user-preview.vue
View file

@ -83,9 +83,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-user-preview
position absolute
z-index 2048
margin-top -8px
@ -99,7 +97,7 @@ root(isDark)
> .banner
height 84px
background-color isDark ? #1c1e26 : #f5f5f5
background-color rgba(0, 0, 0, 0.1)
background-size cover
background-position center
@ -123,19 +121,20 @@ root(isDark)
margin 0
font-weight bold
line-height 16px
color isDark ? #fff : #656565
color var(--text)
> .username
display block
margin 0
line-height 16px
font-size 0.8em
color isDark ? #606984 : #999
color var(--text)
opacity 0.7
> .description
padding 0 16px
font-size 0.7em
color isDark ? #9ea4ad : #555
color var(--text)
> .status
padding 8px 16px
@ -147,7 +146,7 @@ root(isDark)
> p
margin 0
font-size 0.7em
color #aaa
color var(--text)
> span
font-size 1em
@ -158,10 +157,4 @@ root(isDark)
top 92px
right 8px
.mk-user-preview[data-darkmode]
root(true)
.mk-user-preview:not([data-darkmode])
root(false)
</style>