diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-01-30 04:37:25 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-01-30 04:37:25 +0900 |
| commit | f6154dc0af1a0d65819e87240f4385f9573095cb (patch) | |
| tree | 699a5ca07d6727b7f8497d4769f25d6d62f94b5a /src/client/app/desktop/views/widgets/profile.vue | |
| parent | Add Event activity-type support (#5785) (diff) | |
| download | misskey-f6154dc0af1a0d65819e87240f4385f9573095cb.tar.gz misskey-f6154dc0af1a0d65819e87240f4385f9573095cb.tar.bz2 misskey-f6154dc0af1a0d65819e87240f4385f9573095cb.zip | |
v12 (#5712)
Co-authored-by: MeiMei <30769358+mei23@users.noreply.github.com>
Co-authored-by: Satsuki Yanagi <17376330+u1-liquid@users.noreply.github.com>
Diffstat (limited to 'src/client/app/desktop/views/widgets/profile.vue')
| -rw-r--r-- | src/client/app/desktop/views/widgets/profile.vue | 132 |
1 files changed, 0 insertions, 132 deletions
diff --git a/src/client/app/desktop/views/widgets/profile.vue b/src/client/app/desktop/views/widgets/profile.vue deleted file mode 100644 index bad1925f69..0000000000 --- a/src/client/app/desktop/views/widgets/profile.vue +++ /dev/null @@ -1,132 +0,0 @@ -<template> -<div class="egwyvoaaryotefqhqtmiyawwefemjfsd"> - <ui-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" - > - <div class="banner" - :style="$store.state.i.bannerUrl ? `background-image: url(${$store.state.i.bannerUrl})` : ''" - :title="$t('update-banner')" - @click="updateBanner()" - ></div> - <mk-avatar class="avatar" :user="$store.state.i" - :disable-link="true" - @click="updateAvatar()" - :title="$t('update-avatar')" - /> - <router-link class="name" :to="$store.state.i | userPage"><mk-user-name :user="$store.state.i"/></router-link> - <p class="username">@{{ $store.state.i | acct }}</p> - </div> - </ui-container> -</div> -</template> - -<script lang="ts"> -import define from '../../../common/define-widget'; -import i18n from '../../../i18n'; -import updateAvatar from '../../api/update-avatar'; -import updateBanner from '../../api/update-banner'; - -export default define({ - name: 'profile', - props: () => ({ - design: 0 - }) -}).extend({ - i18n: i18n('desktop/views/widgets/profile.vue'), - methods: { - func() { - if (this.props.design == 2) { - this.props.design = 0; - } else { - this.props.design++; - } - this.save(); - }, - updateAvatar() { - updateAvatar(this.$root)(); - }, - updateBanner() { - updateBanner(this.$root)(); - } - } -}); -</script> - -<style lang="stylus" scoped> -.egwyvoaaryotefqhqtmiyawwefemjfsd-body - &[data-compact] - > .banner:before - content "" - display block - width 100% - height 100% - background rgba(#000, 0.5) - - > .avatar - top ((100px - 58px) / 2) - left ((100px - 58px) / 2) - border none - border-radius 100% - box-shadow 0 0 16px rgba(#000, 0.5) - - > .name - position absolute - top 0 - left 92px - margin 0 - line-height 100px - color #fff - text-shadow 0 0 8px rgba(#000, 0.5) - - > .username - display none - - &[data-melt] - > .banner - visibility hidden - - > .avatar - box-shadow none - - > .name - color #666 - text-shadow none - - > .banner - height 100px - background-color var(--primaryAlpha01) - background-size cover - background-position center - cursor pointer - - > .avatar - display block - position absolute - top 76px - left 16px - width 58px - height 58px - border solid 3px var(--face) - border-radius 8px - cursor pointer - - > .name - display block - margin 10px 0 0 84px - line-height 16px - font-weight bold - color var(--text) - overflow hidden - text-overflow ellipsis - - > .username - display block - margin 4px 0 8px 84px - line-height 16px - font-size 0.9em - color var(--text) - opacity 0.7 - -</style> |