valere/docker-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEAT: slou down animation ... wait I mean speed up !

Browse Source
This commit is contained in:
prosety
2022-11-17 10:20:41 +01:00
parent 6936090d42
commit c480a64b79
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/demo.vue
View File

@@ -13,10 +13,10 @@
<div class="bg-yellow-300 h-4 w-4 r-1 rounded-full"></div> <div class="bg-yellow-300 h-4 w-4 r-1 rounded-full"></div>
<div class="bg-red-600 h-4 w-4 r-1 rounded-full"></div> <div class="bg-red-600 h-4 w-4 r-1 rounded-full"></div>
</div> </div>
<div class="text-white font-mono p-4 pt-0"> <code class="text-white font-mono p-4 pt-0">
$: pegaz up nextcloud $: pegaz up nextcloud
<span class="w-2 h-4 bg-white inline-block animate-blink relative" /> <span class="w-2 h-4 bg-white inline-block animate-blink relative" />
</div> </code>
</div> </div>
<div class="bg-slate-400 flex flex-col items-center rounded-2xl w-full md:w-2/4 md:min-w-fit h-80 md:-ml-8 md:z-0"> <div class="bg-slate-400 flex flex-col items-center rounded-2xl w-full md:w-2/4 md:min-w-fit h-80 md:-ml-8 md:z-0">
<div class="bg-white inline-block rounded-2xl px-4 py-1 m-4 w-4/6"> <div class="bg-white inline-block rounded-2xl px-4 py-1 m-4 w-4/6">

2
tailwind.config.cjs
View File

@@ -24,7 +24,7 @@ module.exports = {
animation: { animation: {
blink: 'blink .6s infinite', blink: 'blink .6s infinite',
slide: 'slide .3s', slide: 'slide .3s',
fadeout: 'fadeout .6s', fadeout: 'fadeout .8s',
}, },
}, },
}, },