1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-06 00:13:28 +00:00

[PM-26984] Use medium instead of semibold or bold (#17189)

This commit is contained in:
Vicki League
2025-11-06 10:45:36 -05:00
committed by GitHub
parent 87dceff0c8
commit 1cc08c5968
6 changed files with 17 additions and 21 deletions

View File

@@ -12,7 +12,7 @@
</div> </div>
</div> </div>
<bit-card-content [ngClass]="{ 'tw-grayscale': disabled }"> <bit-card-content [ngClass]="{ 'tw-grayscale': disabled }">
<h3 class="tw-mb-4 tw-text-xl tw-font-bold">{{ title }}</h3> <h3 class="tw-mb-4 tw-text-xl tw-font-medium">{{ title }}</h3>
<p class="tw-mb-0">{{ description }}</p> <p class="tw-mb-0">{{ description }}</p>
</bit-card-content> </bit-card-content>
@if (requiresPremium) { @if (requiresPremium) {

View File

@@ -22,7 +22,7 @@
aria-hidden="true" aria-hidden="true"
></bit-icon-tile> ></bit-icon-tile>
<div class="tw-flex tw-flex-col"> <div class="tw-flex tw-flex-col">
<span bitTypography="h2" class="tw-font-bold tw-mb-1"> <span bitTypography="h2" class="tw-font-medium tw-mb-1">
{{ atRiskCriticalMembersCount() }} {{ atRiskCriticalMembersCount() }}
</span> </span>
<span bitTypography="body2" class="tw-text-muted"> <span bitTypography="body2" class="tw-text-muted">
@@ -42,7 +42,7 @@
></bit-icon-tile> ></bit-icon-tile>
<div class="tw-flex tw-flex-col"> <div class="tw-flex tw-flex-col">
<div class="tw-flex tw-items-baseline tw-gap-2 tw-mb-1"> <div class="tw-flex tw-items-baseline tw-gap-2 tw-mb-1">
<span bitTypography="h2" class="tw-font-bold tw-text-main"> <span bitTypography="h2" class="tw-font-medium tw-text-main">
{{ criticalApplicationsCount() }} {{ criticalApplicationsCount() }}
</span> </span>
<span bitTypography="body1" class="tw-text-muted"> <span bitTypography="body1" class="tw-text-muted">

View File

@@ -23,16 +23,16 @@
></i> ></i>
</button> </button>
</th> </th>
<th bitTypography="body2" class="tw-text-left tw-py-3 tw-px-2 tw-font-semibold"> <th bitTypography="body2" class="tw-text-left tw-py-3 tw-px-2 tw-font-medium">
{{ "application" | i18n }} {{ "application" | i18n }}
</th> </th>
<th bitTypography="body2" class="tw-text-right tw-py-3 tw-px-2 tw-font-semibold"> <th bitTypography="body2" class="tw-text-right tw-py-3 tw-px-2 tw-font-medium">
{{ "atRiskPasswords" | i18n }} {{ "atRiskPasswords" | i18n }}
</th> </th>
<th bitTypography="body2" class="tw-text-right tw-py-3 tw-px-2 tw-font-semibold"> <th bitTypography="body2" class="tw-text-right tw-py-3 tw-px-2 tw-font-medium">
{{ "totalPasswords" | i18n }} {{ "totalPasswords" | i18n }}
</th> </th>
<th bitTypography="body2" class="tw-text-right tw-py-3 tw-px-2 tw-font-semibold"> <th bitTypography="body2" class="tw-text-right tw-py-3 tw-px-2 tw-font-medium">
{{ "atRiskMembers" | i18n }} {{ "atRiskMembers" | i18n }}
</th> </th>
</tr> </tr>

View File

@@ -2,9 +2,7 @@
class="tw-w-full tw-max-w-4xl tw-p-6 sm:tw-p-8 tw-bg-background tw-rounded-xl tw-border tw-border-solid tw-border-secondary-300 tw-flex tw-flex-col lg:tw-flex-row tw-gap-6 tw-items-center" class="tw-w-full tw-max-w-4xl tw-p-6 sm:tw-p-8 tw-bg-background tw-rounded-xl tw-border tw-border-solid tw-border-secondary-300 tw-flex tw-flex-col lg:tw-flex-row tw-gap-6 tw-items-center"
> >
<div class="tw-flex-1 tw-flex tw-flex-col tw-gap-4 sm:tw-gap-5 tw-w-full lg:tw-w-auto"> <div class="tw-flex-1 tw-flex tw-flex-col tw-gap-4 sm:tw-gap-5 tw-w-full lg:tw-w-auto">
<div <div class="tw-text-main tw-text-lg sm:tw-text-xl tw-font-medium tw-leading-6 sm:tw-leading-7">
class="tw-text-main tw-text-lg sm:tw-text-xl tw-font-semibold tw-leading-6 sm:tw-leading-7"
>
{{ title() }} {{ title() }}
</div> </div>
@@ -22,15 +20,13 @@
class="tw-size-8 sm:tw-size-9 tw-bg-secondary-100 tw-rounded-full tw-flex tw-justify-center tw-items-center tw-flex-shrink-0" class="tw-size-8 sm:tw-size-9 tw-bg-secondary-100 tw-rounded-full tw-flex tw-justify-center tw-items-center tw-flex-shrink-0"
> >
<div <div
class="tw-text-center tw-text-main tw-text-sm sm:tw-text-base tw-font-bold tw-leading-normal" class="tw-text-center tw-text-main tw-text-sm sm:tw-text-base tw-font-medium tw-leading-normal"
> >
{{ $index + 1 }} {{ $index + 1 }}
</div> </div>
</div> </div>
<div class="tw-flex-1 tw-pt-1 sm:tw-pt-1.5 tw-flex tw-flex-col tw-gap-1"> <div class="tw-flex-1 tw-pt-1 sm:tw-pt-1.5 tw-flex tw-flex-col tw-gap-1">
<div <div class="tw-text-main tw-text-sm sm:tw-text-base tw-font-medium tw-leading-normal">
class="tw-text-main tw-text-sm sm:tw-text-base tw-font-semibold tw-leading-normal"
>
{{ benefit[0] }} {{ benefit[0] }}
</div> </div>
<div class="tw-text-main tw-text-xs tw-font-normal tw-leading-none"> <div class="tw-text-main tw-text-xs tw-font-normal tw-leading-none">

View File

@@ -128,10 +128,10 @@
{{ "downloadCSV" | i18n }} {{ "downloadCSV" | i18n }}
</button> </button>
<div class="tw-flex tw-justify-between tw-mt-2 tw-text-muted"> <div class="tw-flex tw-justify-between tw-mt-2 tw-text-muted">
<div bitTypography="body2" class="tw-text-sm tw-font-bold"> <div bitTypography="body2" class="tw-text-sm tw-font-medium">
{{ "email" | i18n }} {{ "email" | i18n }}
</div> </div>
<div bitTypography="body2" class="tw-text-sm tw-font-bold"> <div bitTypography="body2" class="tw-text-sm tw-font-medium">
{{ "atRiskPasswords" | i18n }} {{ "atRiskPasswords" | i18n }}
</div> </div>
</div> </div>
@@ -192,10 +192,10 @@
{{ "downloadCSV" | i18n }} {{ "downloadCSV" | i18n }}
</button> </button>
<div class="tw-flex tw-justify-between tw-mt-2 tw-text-muted"> <div class="tw-flex tw-justify-between tw-mt-2 tw-text-muted">
<div bitTypography="body2" class="tw-text-sm tw-font-bold"> <div bitTypography="body2" class="tw-text-sm tw-font-medium">
{{ "application" | i18n }} {{ "application" | i18n }}
</div> </div>
<div bitTypography="body2" class="tw-text-sm tw-font-bold"> <div bitTypography="body2" class="tw-text-sm tw-font-medium">
{{ "atRiskPasswords" | i18n }} {{ "atRiskPasswords" | i18n }}
</div> </div>
</div> </div>

View File

@@ -18,7 +18,7 @@
@if (linkURL) { @if (linkURL) {
<a <a
class="tw-block tw-mb-0 tw-font-bold hover:tw-no-underline focus:tw-outline-none after:tw-content-[''] after:tw-block after:tw-absolute after:tw-size-full after:tw-left-0 after:tw-top-0 after:tw-w-full after:tw-h-40" class="tw-block tw-mb-0 tw-font-medium hover:tw-no-underline focus:tw-outline-none after:tw-content-[''] after:tw-block after:tw-absolute after:tw-size-full after:tw-left-0 after:tw-top-0 after:tw-w-full after:tw-h-40"
[href]="linkURL" [href]="linkURL"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
@@ -28,7 +28,7 @@
} }
</div> </div>
<bit-card-content> <bit-card-content>
<h3 class="tw-text-main tw-m-0 tw-text-lg tw-font-semibold"> <h3 class="tw-text-main tw-m-0 tw-text-lg tw-font-medium">
{{ name }} {{ name }}
@if (showConnectedBadge()) { @if (showConnectedBadge()) {
<span class="tw-ml-3"> <span class="tw-ml-3">
@@ -42,7 +42,7 @@
} }
</h3> </h3>
@if (description) { @if (description) {
<p class="tw-mb-0 tw-mt-2 tw-font-semibold">{{ description }}</p> <p class="tw-mb-0 tw-mt-2 tw-font-medium">{{ description }}</p>
} }
@if (canSetupConnection) { @if (canSetupConnection) {
<button type="button" class="tw-mt-3" bitButton (click)="setupConnection()"> <button type="button" class="tw-mt-3" bitButton (click)="setupConnection()">