From 85fa53b16e8dd7aa50bd6822308a5605c9bcbbf4 Mon Sep 17 00:00:00 2001 From: youhavetrouble Date: Thu, 7 Sep 2023 18:23:36 +0200 Subject: [PATCH] add gradient background for adventurer portraits --- src/components/AdventurerDetails.vue | 2 ++ src/components/AdventurerTile.vue | 2 ++ 2 files changed, 4 insertions(+) diff --git a/src/components/AdventurerDetails.vue b/src/components/AdventurerDetails.vue index c01cab4..7c8793e 100644 --- a/src/components/AdventurerDetails.vue +++ b/src/components/AdventurerDetails.vue @@ -104,6 +104,8 @@ export default defineComponent({ width: 100%; max-width: 15rem; aspect-ratio: 1/1; + background: rgb(2,0,36); + background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgb(69, 69, 84) 57%, rgb(85, 112, 117) 100%); img { width: 100%; diff --git a/src/components/AdventurerTile.vue b/src/components/AdventurerTile.vue index 90a3c47..ee11f57 100644 --- a/src/components/AdventurerTile.vue +++ b/src/components/AdventurerTile.vue @@ -50,6 +50,8 @@ export default defineComponent({ line-height: 1; color: rgba(0, 0, 0, 0.75); position: relative; + background: rgb(2,0,36); + background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgb(69, 69, 84) 57%, rgb(85, 112, 117) 100%); .level { position: absolute;