fix: adjust css bg image urls

kiva · Sep 24, 2024 · 359387b · 359387b
1 parent a1f6ba2
commit 359387b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Kv/KvSelect.vue b/src/components/Kv/KvSelect.vue
@@ -48,7 +48,7 @@ export default {
 		border-radius: $button-radius;
 		line-height: 1.125;
 		background-color: #fff;
-		background-image: url('#src/assets/images/customDropdown.png');
+		background-image: url('/src/assets/images/customDropdown.png');
 		background-size: rem-calc(23) rem-calc(20);
 		background-repeat: no-repeat;
 		background-position: right -1.9rem center;

diff --git a/src/components/MyKiva/MyKivaHero.vue b/src/components/MyKiva/MyKivaHero.vue
@@ -39,12 +39,12 @@ export default {
 <style lang="postcss" scoped>
 
 .landscape {
-	background-image: url('#src/assets/images/my-kiva/header-mobile.svg');
+	background-image: url('/src/assets/images/my-kiva/header-mobile.svg');
 	background-position: 75%;
 	height: 148px;
 
 	@screen md {
-		background-image: url('#src/assets/images/my-kiva/header-desktop.svg');
+		background-image: url('/src/assets/images/my-kiva/header-desktop.svg');
 		background-size: cover;
 		background-position: center;
 		height: 249px;

diff --git a/src/pages/15Years/15Years.vue b/src/pages/15Years/15Years.vue
@@ -64,7 +64,7 @@ export default {
 
 	.footer {
 		height: 11rem;
-		background-image: url('#src/assets/images/15-years/footer-background.svg');
+		background-image: url('/src/assets/images/15-years/footer-background.svg');
 		background-size: 100%;
 		background-position: bottom;
 		background-repeat: no-repeat;

diff --git a/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue b/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue
@@ -77,7 +77,7 @@ export default {
 
 <style scoped lang="postcss">
 	.team-challenge {
-		background-image: url('#src/assets/images/backgrounds/team_challenge_bg.png');
+		background-image: url('/src/assets/images/backgrounds/team_challenge_bg.png');
 		background-position-y: 110px;
 		min-height: 50vh;
 	}