bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 08:13:42 +00:00
Code Issues Releases Wiki Activity

chore(tailwind): [PM-20609] Migrate duo-redirect.html

Browse Source 
* 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 <ikottlowski@bitwarden.com>
Co-authored-by: Jared Snider <116684653+JaredSnider-Bitwarden@users.noreply.github.com>
This commit is contained in:
Alec Rippberger
2025-05-21 13:03:18 -05:00
committed by GitHub
parent fd10a26df9
commit 105ec701b9
2 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
apps/web/src/connectors/duo-redirect.html
View File

@@ -10,23 +10,20 @@
</head> </head>
<body class="layout_frontend"> <body class="layout_frontend">
<div class="mt-5 d-flex justify-content-center"> <div class="tw-p-8 tw-flex tw-flex-col tw-items-center">
<div> <img
<img src="../images/logo-primary@2x.png"
src="../images/logo-primary@2x.png" class="tw-mb-4 tw-block tw-max-w-xs tw-mx-auto"
class="mb-4" alt="Bitwarden"
style="display: block; max-width: 290px; margin: 0 auto" />
alt="Bitwarden" <div id="content">
/> <p class="tw-text-center">
<div id="content"> <i
<p class="text-center"> class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"
<i title="Loading"
class="bwi bwi-spinner bwi-spin bwi-2x text-muted" aria-hidden="true"
title="Loading" ></i>
aria-hidden="true" </p>
></i>
</p>
</div>
</div> </div>
</div> </div>
</body> </body>

9
apps/web/src/connectors/duo-redirect.ts
View File

@@ -108,7 +108,7 @@ function displayHandoffMessage(client: string) {
if (!content) { if (!content) {
throw new Error("content element not found"); throw new Error("content element not found");
} }
content.className = "text-center"; content.className = "tw-text-center";
content.innerHTML = ""; content.innerHTML = "";
const h1 = document.createElement("h1"); const h1 = document.createElement("h1");
@@ -123,8 +123,8 @@ function displayHandoffMessage(client: string) {
? localeService.t("thisWindowWillCloseIn5Seconds") ? localeService.t("thisWindowWillCloseIn5Seconds")
: localeService.t("youMayCloseThisWindow"); : localeService.t("youMayCloseThisWindow");
h1.className = "font-weight-semibold"; h1.className = "tw-font-semibold";
p.className = "mb-4"; p.className = "tw-mb-4";
content.appendChild(h1); content.appendChild(h1);
content.appendChild(p); content.appendChild(p);
@@ -133,7 +133,8 @@ function displayHandoffMessage(client: string) {
if (client == "web") { if (client == "web") {
const button = document.createElement("button"); const button = document.createElement("button");
button.textContent = localeService.t("close"); 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", () => { button.addEventListener("click", () => {
window.close(); window.close();