From 266301aa580624ca4a7552b8cff034135e9cee4e Mon Sep 17 00:00:00 2001 From: webfussel Date: Wed, 29 Jan 2025 10:23:08 +0100 Subject: [PATCH] FIX: better buttons Better button stuff, better image naming and scaling --- assets/css/button.css | 3 ++- components/Person.vue | 13 +++++++++++-- components/Services.vue | 10 +++++----- .../network/{robert.webp => robert@1x.webp} | Bin public/img/network/robert@2x.webp | Bin 0 -> 96774 bytes public/img/network/robert@3x.webp | Bin 0 -> 197556 bytes 6 files changed, 18 insertions(+), 8 deletions(-) rename public/img/network/{robert.webp => robert@1x.webp} (100%) create mode 100644 public/img/network/robert@2x.webp create mode 100644 public/img/network/robert@3x.webp diff --git a/assets/css/button.css b/assets/css/button.css index 9b6ef11..bc0e205 100644 --- a/assets/css/button.css +++ b/assets/css/button.css @@ -5,7 +5,7 @@ color: var(--color-black); cursor: pointer; padding: 1rem 1.5rem; - outline: 3px solid var(--color-black); + outline: 3px solid transparent; box-shadow: 0 0 0 0 var(--color-orange); border-radius: 99999px; text-align: center; @@ -14,6 +14,7 @@ justify-content: center; &:hover { + outline-color: var(--color-black); box-shadow: 0 0 0 6px var(--color-orange); } diff --git a/components/Person.vue b/components/Person.vue index a7e21b8..57f5c49 100644 --- a/components/Person.vue +++ b/components/Person.vue @@ -1,6 +1,13 @@