sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

🎨

Browse Source
This commit is contained in:
syuilo
2018-09-22 15:58:11 +09:00
parent 82d94b5963
commit 251629ab61
13 changed files with 67 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/client/app/desktop/views/widgets/profile.vue
View File

@ -1,20 +1,25 @@
<template>
<div class="mkw-profile"
:data-compact="props.design == 1 || props.design == 2"
:data-melt="props.design == 2"
>
<div class="banner"
:style="$store.state.i.bannerUrl ? `background-image: url(${$store.state.i.bannerUrl})` : ''"
title="%i18n:@update-banner%"
@click="() => os.apis.updateBanner()"
></div>
<mk-avatar class="avatar" :user="$store.state.i"
:disable-link="true"
@click="() => os.apis.updateAvatar()"
title="%i18n:@update-avatar%"
/>
<router-link class="name" :to="$store.state.i | userPage">{{ $store.state.i | userName }}</router-link>
<p class="username">@{{ $store.state.i | acct }}</p>
<div class="egwyvoaaryotefqhqtmiyawwefemjfsd">
<mk-widget-container :show-header="false" :naked="props.design == 2">
<div class="egwyvoaaryotefqhqtmiyawwefemjfsd-body"
:data-compact="props.design == 1 || props.design == 2"
:data-melt="props.design == 2"
:data-darkmode="$store.state.device.darkmode"
>
<div class="banner"
:style="$store.state.i.bannerUrl ? `background-image: url(${$store.state.i.bannerUrl})` : ''"
title="%i18n:@update-banner%"
@click="() => os.apis.updateBanner()"
></div>
<mk-avatar class="avatar" :user="$store.state.i"
:disable-link="true"
@click="() => os.apis.updateAvatar()"
title="%i18n:@update-avatar%"
/>
<router-link class="name" :to="$store.state.i | userPage">{{ $store.state.i | userName }}</router-link>
<p class="username">@{{ $store.state.i | acct }}</p>
</div>
</mk-widget-container>
</div>
</template>
@ -42,10 +47,6 @@ export default define({
<style lang="stylus" scoped>
root(isDark)
overflow hidden
background isDark ? #282c37 : #fff
border solid 1px rgba(#000, 0.075)
border-radius 6px
&[data-compact]
> .banner:before
@ -75,9 +76,6 @@ root(isDark)
display none
&[data-melt]
background transparent !important
border none !important
> .banner
visibility hidden
@ -120,10 +118,10 @@ root(isDark)
font-size 0.9em
color isDark ? #606984 : #999
.mkw-profile[data-darkmode]
.egwyvoaaryotefqhqtmiyawwefemjfsd-body[data-darkmode]
root(true)
.mkw-profile:not([data-darkmode])
.egwyvoaaryotefqhqtmiyawwefemjfsd-body:not([data-darkmode])
root(false)
</style>