diff --git a/assets/images/f-droid.svg b/assets/images/f-droid.svg new file mode 100644 index 0000000..2980217 --- /dev/null +++ b/assets/images/f-droid.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/css/card.css b/css/card.css index a56e111..261e8fc 100644 --- a/css/card.css +++ b/css/card.css @@ -61,10 +61,28 @@ transform: scale(1.1) translateY(-5px); } +.card .buttons a:has(.fdroid-icon) { + display: flex; + align-items: center; + justify-content: center; +} + +.card .buttons .fdroid-icon { + width: 25px; + height: 25px; + filter: invert(80%) sepia(5%) saturate(100%) hue-rotate(314deg) brightness(95%) contrast(90%); + transition: filter 250ms ease-in-out; +} + +.card .buttons a:hover .fdroid-icon { + filter: invert(100%) brightness(100%); +} + .card .buttons { margin: 0; gap: 20px; display: flex; + align-items: center; } .card .badges { diff --git a/js/main.js b/js/main.js index 9835206..652d634 100644 --- a/js/main.js +++ b/js/main.js @@ -49,7 +49,7 @@ function createCard(app) { app.fdroid ? `` + )}" target="_blank">F-Droid` : "" }