moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Decrease logo size

Browse source
This commit is contained in:
Moritz Ruth 2019-11-30 14:57:43 +01:00
parent 1e591af120
commit 11e58a721b
No known key found for this signature in database
GPG key ID: FE38A0B03AA331BA
2 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/AnimatedLogo.vue
View file

@ -27,7 +27,7 @@
} }
to { to {
width: 400px; width: 300px;
} }
} }
@ -37,7 +37,7 @@
} }
to { to {
height: 250px; height: 230px;
} }
} }
@ -49,7 +49,7 @@
right: 0; right: 0;
height: 6px; height: 6px;
animation: fadeOut 600ms 3s ease-in both; animation: fadeOut 600ms 2.8s ease-in both;
} }
.animated-logo__bar-1 { .animated-logo__bar-1 {
@ -71,7 +71,7 @@
} }
.animated-logo__logo { .animated-logo__logo {
width: 400px; width: 300px;
flex-shrink: 0; flex-shrink: 0;
} }
</style> </style>

6
pages/index.vue
View file

@ -1,11 +1,13 @@
<template> <template>
<main class="index-page"> <main class="index-page">
<AnimatedLogo/> <div class="index-page__hero">
<AnimatedLogo/>
</div>
</main> </main>
</template> </template>
<style> <style>
.index-page { .index-page__hero {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;