oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

🎨

Browse source
This commit is contained in:
syuilo 2020-11-29 22:37:56 +09:00
parent 42110bcd33
commit ce743054d6
3 changed files with 17 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/client/pages/about-misskey.vue
View file

@ -2,7 +2,7 @@
<FormBase class="znqjceqz">
<section class="_formItem">
<div class="_formPanel" style="text-align: center; padding: 16px;">
<img src="/assets/icons/512.png" alt="" style="display: block; width: 100px; margin: 0 auto; border-radius: 16px;"/>
<img src="/assets/icons/512.png" alt="" style="display: block; width: 100px; margin: 0 auto; border-radius: 16px;" ref="icon"/>
<div style="margin-top: 0.75em;">Misskey</div>
<div style="opacity: 0.5;">v{{ version }}</div>
</div>
@ -38,6 +38,7 @@
<script lang="ts">
import { defineComponent } from 'vue';
import { faInfoCircle, faCode, faLanguage, faHandHoldingMedical, } from '@fortawesome/free-solid-svg-icons';
import VanillaTilt from 'vanilla-tilt';
import { version } from '@/config';
import FormLink from '@/components/form/link.vue';
import FormBase from '@/components/form/base.vue';
@ -105,6 +106,15 @@ export default defineComponent({
faInfoCircle, faCode, faLanguage, faHandHoldingMedical,
}
},
mounted() {
VanillaTilt.init(this.$refs.icon, {
max: 30,
perspective: 500,
scale: 1.125,
speed: 1000,
});
},
});
</script>