From 296a95a7fac348c6eafd2592002b2148495431a3 Mon Sep 17 00:00:00 2001 From: Charles Zhao Date: Thu, 25 Jul 2024 16:06:19 +0800 Subject: [PATCH] fix(console): css loaded svg should be rendered properly --- .../src/components/SignInExperiencePreview/index.module.scss | 2 +- .../console/src/ds-components/TextInput/index.module.scss | 2 +- .../pages/SignInExperience/InspireMe/index.module.scss | 2 +- packages/console/src/pages/Welcome/index.module.scss | 4 ++-- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/console/src/components/SignInExperiencePreview/index.module.scss b/packages/console/src/components/SignInExperiencePreview/index.module.scss index 4948109aad7..c8d4d83a7ea 100644 --- a/packages/console/src/components/SignInExperiencePreview/index.module.scss +++ b/packages/console/src/components/SignInExperiencePreview/index.module.scss @@ -87,7 +87,7 @@ } &.disabled { - background: url('raw:../../assets/images/blur-preview.svg') 0 0 / 100% auto no-repeat; + background: url('../../assets/images/blur-preview.svg') 0 0 / 100% auto no-repeat; } .placeholder { diff --git a/packages/console/src/ds-components/TextInput/index.module.scss b/packages/console/src/ds-components/TextInput/index.module.scss index b4f49b32585..d41280be68c 100644 --- a/packages/console/src/ds-components/TextInput/index.module.scss +++ b/packages/console/src/ds-components/TextInput/index.module.scss @@ -76,7 +76,7 @@ &::-webkit-calendar-picker-indicator { background-image: none; background-color: var(--color-text-secondary); - mask-image: url('raw:../../assets/icons/calendar-outline.svg'); + mask-image: url('../../assets/icons/calendar-outline.svg'); mask-size: 20px 20px; width: 16px; height: 18px; diff --git a/packages/console/src/onboarding/pages/SignInExperience/InspireMe/index.module.scss b/packages/console/src/onboarding/pages/SignInExperience/InspireMe/index.module.scss index 093171e5d0b..9dfcb66129c 100644 --- a/packages/console/src/onboarding/pages/SignInExperience/InspireMe/index.module.scss +++ b/packages/console/src/onboarding/pages/SignInExperience/InspireMe/index.module.scss @@ -33,7 +33,7 @@ &:not(:active), &:active { &:hover { - background: var(--color-layer-1) center / 90% no-repeat url('raw:../../../assets/images/fireworks.svg'); + background: var(--color-layer-1) center / 90% no-repeat url('../../../assets/images/fireworks.svg'); } } diff --git a/packages/console/src/pages/Welcome/index.module.scss b/packages/console/src/pages/Welcome/index.module.scss index c2edbf43e92..feae887b796 100644 --- a/packages/console/src/pages/Welcome/index.module.scss +++ b/packages/console/src/pages/Welcome/index.module.scss @@ -12,11 +12,11 @@ background-repeat: no-repeat; &.light { - background-image: url('raw:../../assets/images/welcome.svg'); + background-image: url('../../assets/images/welcome.svg'); } &.dark { - background-image: url('raw:../../assets/images/welcome-dark.svg'); + background-image: url('../../assets/images/welcome-dark.svg'); } }