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-04-27 21:06:28 +09:00
parent 0f27b62924
commit ee62f6e356
18 changed files with 172 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/client/app/mobile/views/pages/dashboard.vue
View file

@ -102,7 +102,6 @@ export default Vue.extend({
mounted() {
document.title = 'Misskey';
document.documentElement.style.background = '#313a42';
},
methods: {

3
src/client/app/mobile/views/pages/followers.vue
View file

@ -40,9 +40,6 @@ export default Vue.extend({
created() {
this.fetch();
},
mounted() {
document.documentElement.style.background = '#313a42';
},
methods: {
fetch() {
Progress.start();

3
src/client/app/mobile/views/pages/following.vue
View file

@ -39,9 +39,6 @@ export default Vue.extend({
created() {
this.fetch();
},
mounted() {
document.documentElement.style.background = '#313a42';
},
methods: {
fetch() {
Progress.start();

6
src/client/app/mobile/views/pages/home.vue
View file

@ -77,7 +77,6 @@ export default Vue.extend({
mounted() {
document.title = 'Misskey';
document.documentElement.style.background = '#313a42';
Progress.start();
},
@ -163,11 +162,14 @@ main
background #eee
> .tl
max-width 600px
max-width 680px
margin 0 auto
padding 8px
@media (min-width 500px)
padding 16px
@media (min-width 600px)
padding 32px
</style>

1
src/client/app/mobile/views/pages/note.vue
View file

@ -30,7 +30,6 @@ export default Vue.extend({
},
mounted() {
document.title = 'Misskey';
document.documentElement.style.background = '#313a42';
},
methods: {
fetch() {

23
src/client/app/mobile/views/pages/notifications.vue
View file

@ -2,7 +2,10 @@
<mk-ui>
<span slot="header">%fa:R bell%%i18n:@notifications%</span>
<template slot="func"><button @click="fn">%fa:check%</button></template>
<mk-notifications @fetched="onFetched"/>
<main>
<mk-notifications @fetched="onFetched"/>
</main>
</mk-ui>
</template>
@ -13,7 +16,6 @@ import Progress from '../../../common/scripts/loading';
export default Vue.extend({
mounted() {
document.title = 'Misskey | %i18n:@notifications%';
document.documentElement.style.background = '#313a42';
Progress.start();
},
@ -30,3 +32,20 @@ export default Vue.extend({
}
});
</script>
<style lang="stylus" scoped>
@import '~const.styl'
main
width 100%
max-width 680px
margin 0 auto
padding 8px
@media (min-width 500px)
padding 16px
@media (min-width 600px)
padding 32px
</style>

1
src/client/app/mobile/views/pages/profile-setting.vue
View file

@ -59,7 +59,6 @@ export default Vue.extend({
},
mounted() {
document.title = 'Misskey | %i18n:@title%';
document.documentElement.style.background = '#313a42';
},
methods: {
setAvatar() {

1
src/client/app/mobile/views/pages/search.vue
View file

@ -39,7 +39,6 @@ export default Vue.extend({
},
mounted() {
document.title = `%i18n:@search%: ${this.q} | Misskey`;
document.documentElement.style.background = '#313a42';
this.fetch();
},

1
src/client/app/mobile/views/pages/settings.vue
View file

@ -34,7 +34,6 @@ export default Vue.extend({
},
mounted() {
document.title = 'Misskey | %i18n:@settings%';
document.documentElement.style.background = '#313a42';
},
methods: {
signout() {

40
src/client/app/mobile/views/pages/user.vue
View file

@ -1,7 +1,7 @@
<template>
<mk-ui>
<template slot="header" v-if="!fetching"><img :src="`${user.avatarUrl}?thumbnail&size=64`" alt="">{{ user | userName }}</template>
<main v-if="!fetching">
<main v-if="!fetching" :data-darkmode="_darkmode_">
<div class="is-suspended" v-if="user.isSuspended"><p>%fa:exclamation-triangle% %i18n:@is-suspended%</p></div>
<div class="is-remote" v-if="user.host != null"><p>%fa:exclamation-triangle% %i18n:@is-remote%<a :href="user.url || user.uri" target="_blank">%i18n:@view-remote%</a></p></div>
<header>
@ -88,9 +88,6 @@ export default Vue.extend({
created() {
this.fetch();
},
mounted() {
document.documentElement.style.background = '#313a42';
},
methods: {
fetch() {
Progress.start();
@ -110,7 +107,7 @@ export default Vue.extend({
<style lang="stylus" scoped>
@import '~const.styl'
main
root(isDark)
> .is-suspended
> .is-remote
&.is-suspended
@ -138,7 +135,7 @@ main
> .banner
padding-bottom 33.3%
background-color #1b1b1b
background-color isDark ? #0e0e0e : #cacaca
background-size cover
background-position center
@ -165,13 +162,13 @@ main
left -2px
bottom -2px
width 100%
border 3px solid #313a42
border 3px solid isDark ? #191b22 : #ececed
border-radius 6px
@media (min-width 500px)
left -4px
bottom -4px
border 4px solid #313a42
border 4px solid isDark ? #191b22 : #ececed
border-radius 12px
> .mk-follow-button
@ -185,14 +182,14 @@ main
margin 0
line-height 22px
font-size 20px
color #fff
color isDark ? #fff : #757c82
> .username
display inline-block
line-height 20px
font-size 16px
font-weight bold
color #657786
color isDark ? #657786 : #969ea5
> .followed
margin-left 8px
@ -219,7 +216,7 @@ main
> .status
> a
color #657786
color isDark ? #657786 : #818a92
&:not(:last-child)
margin-right 16px
@ -227,7 +224,7 @@ main
> b
margin-right 4px
font-size 16px
color #fff
color isDark ? #fff : #787e86
> i
font-size 14px
@ -235,9 +232,9 @@ main
> nav
position -webkit-sticky
position sticky
top 48px
box-shadow 0 4px 4px rgba(0, 0, 0, 0.3)
background-color #313a42
top 47px
box-shadow 0 4px 4px isDark ? rgba(#000, 0.3) : rgba(#000, 0.07)
background-color isDark ? #191b22 : #ececed
z-index 1
> .nav-container
@ -253,7 +250,7 @@ main
line-height 52px
font-size 14px
text-decoration none
color #657786
color isDark ? #657786 : #9ca1a5
border-bottom solid 2px transparent
&[data-active]
@ -262,9 +259,20 @@ main
border-color $theme-color
> .body
max-width 680px
margin 0 auto
padding 8px
@media (min-width 500px)
padding 16px
@media (min-width 600px)
padding 32px
main[data-darkmode]
root(true)
main:not([data-darkmode])
root(false)
</style>