Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Feb 26, 2020. It is now read-only.

Commit 7c5f79f

Browse files
committed
work in progress
1 parent f9d2079 commit 7c5f79f

File tree

3 files changed

+10
-10
lines changed

3 files changed

+10
-10
lines changed

‎src/components/logo.vue

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,9 @@
11
<script>
22
import VueBuildLogo from '../helpers/logo.js'
33
export default {
4-
props: {
5-
height: { type: Number, required: true },
6-
width: { type: Number, required: true }
7-
},
84
mounted () {
95
/* eslint-disable no-new */
10-
new VueBuildLogo(this.height, this.width)
6+
new VueBuildLogo()
117
}
128
}
139
</script>

‎src/helpers/logo.js

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,15 @@ import { TweenMax, Power3, RoughEase, Linear } from 'gsap'
44

55
// Create class - needed something that was effected by vue
66
export default class VueBuildLogo {
7-
constructor (height, width) {
8-
this.height = height
9-
this.width = width
7+
constructor () {
8+
this.height = window.innerHeight
9+
this.width = window.innerWidth
10+
window.onresize = (event) => {
11+
this.height = window.innerHeight
12+
this.width = window.innerWidth
13+
}
1014
this.canvas = document.getElementById('canvasLogo')
11-
this.app = new PIXI.Application(height, width, {
15+
this.app = new PIXI.Application(this.height, this.width, {
1216
antialias: true,
1317
backgroundColor: 0xffffff
1418
})

‎src/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,8 @@
2828

2929
<template>
3030
<div class="app">
31+
<logo />
3132
<div class="header" :class="{'large': isHome}">
32-
<logo :height="500" :width="500" />
3333
<div class="tagline">Taking the frustrating build process and clutter out of your application</div>
3434
</div>
3535
<div class="container">

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /