bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-01-21 11:53:34 +00:00
Code Issues Releases Wiki Activity

PM-29166 updated cards to use dynamic styles (#18340)

Browse Source
This commit is contained in:
Vijay Oommen
2026-01-14 08:16:29 -06:00
committed by GitHub
parent 149b3578b4
commit 7fef972f1d
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
bitwarden_license/bit-web/src/app/dirt/access-intelligence/activity/activity-card.component.ts
View File

@@ -13,7 +13,7 @@ import { ButtonModule, ButtonType, LinkModule, TypographyModule } from "@bitward
imports: [CommonModule, TypographyModule, JslibModule, LinkModule, ButtonModule],
host: {
class:
"tw-box-border tw-bg-background tw-block tw-text-main tw-border-solid tw-border tw-border-secondary-300 tw-border [&:not(bit-layout_*)]:tw-rounded-lg tw-rounded-lg tw-p-6 tw-h-56 tw-max-h-56",
"tw-box-border tw-bg-background tw-block tw-text-main tw-border-solid tw-border tw-border-secondary-300 tw-border [&:not(bit-layout_*)]:tw-rounded-lg tw-rounded-lg tw-p-6 tw-min-h-56 tw-overflow-hidden",
},
})
export class ActivityCardComponent {

2
bitwarden_license/bit-web/src/app/dirt/access-intelligence/activity/activity-cards/password-change-metric.component.html
View File

@@ -1,5 +1,5 @@
<div
class="tw-flex tw-flex-col tw-p-6 tw-box-border tw-bg-background tw-text-main tw-border-solid tw-border tw-border-secondary-300 tw-rounded-lg tw-h-56 tw-max-h-56"
class="tw-box-border tw-bg-background tw-block tw-text-main tw-border-solid tw-border tw-border-secondary-300 [&:not(bit-layout_*)]:tw-rounded-lg tw-rounded-lg tw-p-6 tw-min-h-56 tw-overflow-hidden"
>
<div bitTypography="h6" class="tw-mb-2">
{{ "passwordChangeProgress" | i18n }}

9
bitwarden_license/bit-web/src/app/dirt/access-intelligence/activity/all-activity.component.html
View File

@@ -2,9 +2,12 @@
<dirt-report-loading></dirt-report-loading>
} @else {
<ul
class="tw-inline-grid tw-grid-cols-3 tw-gap-6 tw-m-0 tw-p-0 tw-w-full tw-auto-cols-auto tw-list-none"
class="tw-inline-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-6 tw-m-0 tw-p-0 tw-w-full tw-auto-cols-auto tw-list-none"
>
<li class="tw-col-span-1" [ngClass]="{ 'tw-col-span-2': extendPasswordChangeWidget }">
<li
class="tw-col-span-1 md:tw-col-span-1 lg:tw-col-span-1"
[ngClass]="{ 'md:tw-col-span-2 lg:tw-col-span-2': extendPasswordChangeWidget }"
>
<dirt-password-change-metric
[organizationId]="this.organizationId()"
></dirt-password-change-metric>
@@ -62,7 +65,7 @@
}
<!-- Needs Review State (No apps have been reviewed) -->
@else if (showNeedsReviewState) {
<li class="tw-col-span-2">
<li class="tw-col-span-1 md:tw-col-span-2 lg:tw-col-span-2">
<dirt-activity-card
[title]="'applicationsNeedingReview' | i18n"
[cardMetrics]="'organizationHasItemsSavedForApplications' | i18n: totalApplicationCount"