mirror of
https://github.com/bitwarden/browser
synced 2026-02-18 18:33:50 +00:00
77c1ec1251
* refactor(subscription-card): Correctly name card action * feat(storage-card): Switch 'callsToActionDisabled' into 1 input per CTA * refactor(additional-options-card): Switch 'callsToActionDisabled' into 1 input per CTA * feat(contract-alignment): Remove 'active' property from Discount * feat(contract-alignment): Rename 'name' to 'translationKey' in Cart model * feat(response-models): Add DiscountResponse * feat(response-models): Add StorageResponse * feat(response-models): Add CartResponse * feat(response-models): Add BitwardenSubscriptionResponse * feat(clients): Add new endpoint invocations * feat(redesign): Add feature flags * feat(redesign): Add AdjustAccountSubscriptionStorageDialogComponent * feat(redesign): Add AccountSubscriptionComponent * feat(redesign): Pivot subscription component on FF * docs: Note FF removal POIs * fix(subscription-card): Resolve compilation error in stories * fix(upgrade-payment.service): Fix failing tests
40 lines
1.0 KiB
HTML
40 lines
1.0 KiB
HTML
<bit-card class="tw-size-full tw-flex tw-flex-col">
|
|
<!-- Title and Description -->
|
|
<div class="tw-flex tw-flex-col tw-gap-3 tw-mb-4">
|
|
<h3 bitTypography="h3" class="tw-m-0">{{ title() }}</h3>
|
|
<p bitTypography="body1" class="tw-m-0 tw-text-main">{{ description() }}</p>
|
|
</div>
|
|
|
|
<!-- Progress Bar -->
|
|
<div class="tw-mb-4">
|
|
<bit-progress
|
|
[barWidth]="percentageUsed()"
|
|
[bgColor]="progressBarColor()"
|
|
[showText]="false"
|
|
size="small"
|
|
></bit-progress>
|
|
</div>
|
|
|
|
<!-- Action Buttons -->
|
|
<div class="tw-flex tw-gap-4">
|
|
<button
|
|
bitButton
|
|
buttonType="secondary"
|
|
type="button"
|
|
[disabled]="addStorageDisabled()"
|
|
(click)="callToActionClicked.emit(actions.AddStorage)"
|
|
>
|
|
{{ "addStorage" | i18n }}
|
|
</button>
|
|
<button
|
|
bitButton
|
|
buttonType="secondary"
|
|
type="button"
|
|
[disabled]="removeStorageDisabled()"
|
|
(click)="callToActionClicked.emit(actions.RemoveStorage)"
|
|
>
|
|
{{ "removeStorage" | i18n }}
|
|
</button>
|
|
</div>
|
|
</bit-card>
|