From 105ec701b9e7b1cc4d36169c5b615da5dc47b04f Mon Sep 17 00:00:00 2001 From: Alec Rippberger <127791530+alec-livefront@users.noreply.github.com> Date: Wed, 21 May 2025 13:03:18 -0500 Subject: [PATCH] chore(tailwind): [PM-20609] Migrate duo-redirect.html * Update duo-redirect to use Tailwind classes similar to sso.html * Update dynamic classes to tailwind * fix: updating styling * Update button and logo styles to match previous * Update button styles * Update button styles --------- Co-authored-by: Ike Kottlowski Co-authored-by: Jared Snider <116684653+JaredSnider-Bitwarden@users.noreply.github.com> --- apps/web/src/connectors/duo-redirect.html | 31 ++++++++++------------- apps/web/src/connectors/duo-redirect.ts | 9 ++++--- 2 files changed, 19 insertions(+), 21 deletions(-) diff --git a/apps/web/src/connectors/duo-redirect.html b/apps/web/src/connectors/duo-redirect.html index bfbbe8d216e..bcd1c7fccd3 100644 --- a/apps/web/src/connectors/duo-redirect.html +++ b/apps/web/src/connectors/duo-redirect.html @@ -10,23 +10,20 @@ -
-
- Bitwarden -
-

- -

-
+
+ Bitwarden +
+

+ +

diff --git a/apps/web/src/connectors/duo-redirect.ts b/apps/web/src/connectors/duo-redirect.ts index 5389b31f6af..ae8f84715db 100644 --- a/apps/web/src/connectors/duo-redirect.ts +++ b/apps/web/src/connectors/duo-redirect.ts @@ -108,7 +108,7 @@ function displayHandoffMessage(client: string) { if (!content) { throw new Error("content element not found"); } - content.className = "text-center"; + content.className = "tw-text-center"; content.innerHTML = ""; const h1 = document.createElement("h1"); @@ -123,8 +123,8 @@ function displayHandoffMessage(client: string) { ? localeService.t("thisWindowWillCloseIn5Seconds") : localeService.t("youMayCloseThisWindow"); - h1.className = "font-weight-semibold"; - p.className = "mb-4"; + h1.className = "tw-font-semibold"; + p.className = "tw-mb-4"; content.appendChild(h1); content.appendChild(p); @@ -133,7 +133,8 @@ function displayHandoffMessage(client: string) { if (client == "web") { const button = document.createElement("button"); button.textContent = localeService.t("close"); - button.className = "bg-primary text-white border-0 rounded py-2 px-3"; + button.className = + "tw-bg-primary-600 hover:tw-bg-primary-700 tw-text-contrast tw-px-4 tw-py-2 tw-rounded-md tw-transition tw-border-transparent tw-text-center focus:tw-outline-none"; button.addEventListener("click", () => { window.close();