mirror of
https://github.com/bitwarden/browser
synced 2026-02-20 19:34:03 +00:00
af12e376f7
* update dialog spacing/borders * update scroll bottom threshold * add shadow to dialog * adjust simple dialog shadow * update scroll util comment * add background input to other dialog stories * assign initial value to isScrollable * add larger padding on alt background content * update tab border color * update tab content padding * update tab content spacing * revert tab border color change * bring back tab border color changes * update web header border to match new tab border * add background to props in story
31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
<div
|
|
class="tw-my-4 tw-pb-6 tw-pt-8 tw-flex tw-max-h-screen tw-w-96 tw-max-w-90vw tw-flex-col tw-overflow-hidden tw-rounded-3xl tw-border tw-border-solid tw-border-secondary-100 tw-shadow-lg tw-bg-text-contrast tw-text-main"
|
|
@fadeIn
|
|
>
|
|
<div class="tw-flex tw-px-6 tw-flex-col tw-items-center tw-gap-2 tw-text-center">
|
|
@if (!hideIcon()) {
|
|
@if (hasIcon) {
|
|
<ng-content select="[bitDialogIcon]"></ng-content>
|
|
} @else {
|
|
<i class="bwi bwi-exclamation-triangle tw-text-3xl tw-text-warning" aria-hidden="true"></i>
|
|
}
|
|
}
|
|
<h1
|
|
bitDialogTitleContainer
|
|
bitTypography="h3"
|
|
noMargin
|
|
class="tw-w-full tw-text-main tw-break-words tw-hyphens-auto"
|
|
>
|
|
<ng-content select="[bitDialogTitle]"></ng-content>
|
|
</h1>
|
|
</div>
|
|
<div
|
|
class="tw-overflow-y-auto tw-px-6 tw-mb-6 tw-text-center tw-text-base tw-break-words tw-hyphens-auto"
|
|
>
|
|
<ng-content select="[bitDialogContent]"></ng-content>
|
|
</div>
|
|
<div class="tw-flex tw-flex-col tw-gap-2 tw-px-6">
|
|
<ng-content select="[bitDialogFooter]"></ng-content>
|
|
</div>
|
|
</div>
|