bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-15 15:53:27 +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>
<body class="layout_frontend">
<div class="mt-5 d-flex justify-content-center">
<div>
<img
src="../images/logo-primary@2x.png"
class="mb-4"
style="display: block; max-width: 290px; margin: 0 auto"
alt="Bitwarden"
/>
<div id="content">
<p class="text-center">
<i
class="bwi bwi-spinner bwi-spin bwi-2x text-muted"
title="Loading"
aria-hidden="true"
></i>
</p>
</div>
<div class="tw-p-8 tw-flex tw-flex-col tw-items-center">
<img
src="../images/logo-primary@2x.png"
class="tw-mb-4 tw-block tw-max-w-xs tw-mx-auto"
alt="Bitwarden"
/>
<div id="content">
<p class="tw-text-center">
<i
class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"
title="Loading"
aria-hidden="true"
></i>
</p>
</div>
</div>
</body>

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

@@ -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();