Integrate time until visually

This commit is contained in:
Julien Calixte
2023-03-14 11:18:54 +01:00
parent 8b30637066
commit 3102d6dc5e
4 changed files with 43 additions and 64 deletions

View File

@@ -1,30 +1,7 @@
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
import ResponsiveTimeUntil from "./components/ResponsiveTimeUntil.vue"
</script>
<template>
<div>
<a href="https://vitejs.dev" target="_blank">
<img src="/vite.svg" class="logo" alt="Vite logo" />
</a>
<a href="https://vuejs.org/" target="_blank">
<img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
</a>
</div>
<HelloWorld msg="Vite + Vue" />
<ResponsiveTimeUntil />
</template>
<style scoped>
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>