Use svg for all third party provider icons

supertokens · Apr 12, 2024 · 0623e46 · 0623e46
1 parent 81c9571
commit 0623e46
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 5 deletions.
diff --git a/src/assets/provider-active-directory.png b/src/assets/provider-active-directory.png
diff --git a/src/assets/provider-active-directory.svg b/src/assets/provider-active-directory.svg
diff --git a/src/assets/provider-okta.png b/src/assets/provider-okta.png
diff --git a/src/assets/provider-okta.svg b/src/assets/provider-okta.svg
diff --git a/src/constants.ts b/src/constants.ts
@@ -82,13 +82,13 @@ export const IN_BUILT_THIRD_PARTY_PROVIDERS = [
 	{
 		id: "active-directory",
 		label: "Active Directory",
-		icon: "provider-active-directory.png",
+		icon: "provider-active-directory.svg",
 		isEnterprise: true,
 	},
 	{
 		id: "okta",
 		label: "Okta",
-		icon: "provider-okta.png",
+		icon: "provider-okta.svg",
 		isEnterprise: true,
 	},
 	{

diff --git a/src/images.ts b/src/images.ts
@@ -63,7 +63,7 @@ import "./assets/people.svg";
 import "./assets/phone-no.svg";
 import "./assets/plus-square.svg";
 import "./assets/plus.svg";
-import "./assets/provider-active-directory.png";
+import "./assets/provider-active-directory.svg";
 import "./assets/provider-apple.svg";
 import "./assets/provider-bitbucket.png";
 import "./assets/provider-discord.svg";
@@ -72,7 +72,7 @@ import "./assets/provider-github.svg";
 import "./assets/provider-gitlab.svg";
 import "./assets/provider-google.svg";
 import "./assets/provider-linkedin.svg";
-import "./assets/provider-okta.png";
+import "./assets/provider-okta.svg";
 import "./assets/provider-twitter.svg";
 import "./assets/question-mark.svg";
 import "./assets/refresh.svg";

diff --git a/...ui/components/tenants/tenantDetail/thirdPartyProviderButton/thirdPartyProviderButton.scss b/...ui/components/tenants/tenantDetail/thirdPartyProviderButton/thirdPartyProviderButton.scss
@@ -41,7 +41,7 @@
 		font-size: 13px;
 		padding: 0 3px;
 		transform: translateY(-1px);
-		margin: 0 6px;
+		margin: 0 3px;
 		color: var(--color-copy-box);
 	}