profectus/profectus-docs
1
0
Fork 0
Code Issues 12 Pull requests Projects 1 Releases Packages Wiki Activity Actions

Fixed logo not animating in

Browse source
This commit is contained in:
thepaperpilot 2022-03-01 00:05:00 -06:00
parent 1d732943fd
commit ceeb26db66
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.vitepress/theme/Layout.vue
View file

@ -2,7 +2,7 @@
<Layout> <Layout>
<template #home> <template #home>
<main class="home" aria-labelledby="main-title"> <main class="home" aria-labelledby="main-title">
<Profectus style="height: 30vmin; margin: auto; display: block" /> <Profectus v-if="showLogo" style="height: 30vmin; margin: auto; display: block" />
<HomeHero /> <HomeHero />
<HomeFeatures /> <HomeFeatures />
<div class="home-content"> <div class="home-content">
@ -15,6 +15,7 @@
</template> </template>
<script setup> <script setup>
import { nextTick, ref } from 'vue';
import DefaultTheme from 'vitepress/theme'; import DefaultTheme from 'vitepress/theme';
import Profectus from './Profectus.vue'; import Profectus from './Profectus.vue';
// I want Profectus above the hero text, so I effectively need to recreate the Home class now // I want Profectus above the hero text, so I effectively need to recreate the Home class now
@ -22,6 +23,8 @@ import HomeHero from './home/HomeHero.vue';
import HomeFeatures from './home/HomeFeatures.vue'; import HomeFeatures from './home/HomeFeatures.vue';
import HomeFooter from './home/HomeFooter.vue'; import HomeFooter from './home/HomeFooter.vue';
const { Layout } = DefaultTheme; const { Layout } = DefaultTheme;
const showLogo = ref(false);
nextTick(() => showLogo.value = true);
</script> </script>
<style scoped> <style scoped>