diff options
| author | sptaule <lecas83@gmail.com> | 2022-01-28 01:20:33 +0100 |
|---|---|---|
| committer | sptaule <lecas83@gmail.com> | 2022-01-28 01:20:33 +0100 |
| commit | ff0cec6d646ed9b332e4bdb960efca2d0287d26f (patch) | |
| tree | 8a2c10034a0ddd4aae1e872bdb255bd13fab7690 | |
| parent | 818df5daafaf5b973ce3c4a1a6ca4d4b02551268 (diff) | |
| download | garagehq.deuxfleurs.fr-ff0cec6d646ed9b332e4bdb960efca2d0287d26f.tar.gz garagehq.deuxfleurs.fr-ff0cec6d646ed9b332e4bdb960efca2d0287d26f.zip | |
Beautify download button
| -rwxr-xr-x | tailwind.config.js | 7 | ||||
| -rw-r--r-- | templates/partials/shared/nav.html | 4 |
2 files changed, 9 insertions, 2 deletions
diff --git a/tailwind.config.js b/tailwind.config.js index 0d3f330..7c30233 100755 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -9,6 +9,13 @@ module.exports = { 'garage-orange': "#FF9329", 'garage-gray': "#4E4E4E", }, + backgroundSize: { + 'size-200': '200% 200%', + }, + backgroundPosition: { + 'pos-0': '0% 0%', + 'pos-100': '100% 100%', + }, }, }, variants: { diff --git a/templates/partials/shared/nav.html b/templates/partials/shared/nav.html index af46f2a..57e81fe 100644 --- a/templates/partials/shared/nav.html +++ b/templates/partials/shared/nav.html @@ -27,8 +27,8 @@ </button> <a href="https://garagehq.deuxfleurs.fr/_releases.html" - class="group flex items-center justify-center space-x-1 font-semibold shadow hover:bg-white hover:shadow px-2 py-1.5 rounded bg-orange-400 text-white hover:text-orange-400"> - <svg class="w-6 h-6 animate-pulse group-hover:animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> + class="group flex items-center justify-center space-x-1 font-semibold shadow hover:shadow px-2 py-1.5 rounded text-white transition-all duration-500 bg-gradient-to-tl from-garage-orange via-orange-500 to-orange-300 bg-size-200 bg-pos-0 hover:bg-pos-100"> + <svg class="w-6 h-6 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <span>Download</span> </a> </div> |