summaryrefslogtreecommitdiff
path: root/src/client/app/desktop/views/widgets/profile.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2020-01-30 04:37:25 +0900
committerGitHub <noreply@github.com>2020-01-30 04:37:25 +0900
commitf6154dc0af1a0d65819e87240f4385f9573095cb (patch)
tree699a5ca07d6727b7f8497d4769f25d6d62f94b5a /src/client/app/desktop/views/widgets/profile.vue
parentAdd Event activity-type support (#5785) (diff)
downloadmisskey-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.vue132
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>