1
0
mirror of https://github.com/bitwarden/browser synced 2026-02-11 22:13:32 +00:00

changes to styling

This commit is contained in:
CarleyDiaz-Bitwarden
2022-07-22 18:35:40 -04:00
parent 973e58afe5
commit 9fcb9ddfe4
2 changed files with 41 additions and 42 deletions

View File

@@ -7,23 +7,23 @@
[formGroup]="importForm"
*ngIf="importForm"
>
<div class="tw-text-center bwi-3x">
<i class="bwi bwi-exclamation-triangle text-warning"></i>
</div>
<h2 class="tw-text-center tw-font-semibold" id="confirmUserTitle">
{{ "confirmVaultImport" | i18n }}
</h2>
<div class="modal-body">
<div>
{{ "confirmVaultImportDesc" | i18n }}
</div>
</div>
<div class="modal-footer">
<div class="form-group modal-content">
<div>
<div class="tw-text-center bwi-3x">
<i class="bwi bwi-exclamation-triangle text-warning"></i>
</div>
<h2 class="tw-text-center tw-font-semibold" id="confirmVaultImport">
{{ "confirmVaultImport" | i18n }}
</h2>
<div class="modal-body">
<div>
{{ "confirmVaultImportDesc" | i18n }}
</div>
</div>
<div class="input-group">
<bit-form-field>
<bit-label>{{ "confirmFilePassword" | i18n }}</bit-label>
@@ -36,35 +36,34 @@
appAutofocus
appInputVerbatim
/>
<button
bitSuffix
bitButton
appStopClick
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
[attr.aria-pressed]="showPassword"
(click)="togglePassword()"
>
<i
class="bwi bwi-lg"
aria-hidden="true"
[ngClass]="{ 'bwi-eye': !showPassword, 'bwi-eye-slash': showPassword }"
></i>
</button>
</bit-form-field>
<div class="input-group-append">
<div class="action-buttons">
<button
bitSuffix
bitButton
buttonType="secondary"
appStopClick
appA11yTitle="{{ 'toggleVisibility' | i18n }}"
[attr.aria-pressed]="showPassword"
(click)="togglePassword()"
>
<i
class="bwi bwi-lg"
aria-hidden="true"
[ngClass]="{ 'bwi-eye': !showPassword, 'bwi-eye-slash': showPassword }"
></i>
</button>
</div>
</div>
</div>
</div>
<div class="tw-mt-4">
<button bitSuffix bitButton buttonType="primary" type="submit" appBlurClick>
<span>{{ "importData" | i18n }}</span>
</button>
<button bitSuffix bitButton buttonType="primary" type="button" data-dismiss="modal">
{{ "cancel" | i18n }}
</button>
<div class="modal-footer">
<div class="modal-footer-content">
<div class="tw-mt-4">
<button bitButton buttonType="primary" type="submit" appBlurClick>
<span>{{ "importData" | i18n }}</span>
</button>
<button bitButton buttonType="secondary" type="button" data-dismiss="modal">
{{ "cancel" | i18n }}
</button>
</div>
</div>
</div>
</div>
</div>

View File

@@ -24,10 +24,10 @@
</div>
</div>
</div>
<button type="submit" class="btn btn-primary btn-submit" appBlurClick>
<button bitButton buttonType="primary" type="submit" appBlurClick>
<span>{{ confirmButtonText | i18n }}</span>
</button>
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
<button bitButton buttonType="secondary" data-dismiss="modal">
{{ "cancel" | i18n }}
</button>
</div>