bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 13:23:34 +00:00
Code Issues Releases Wiki Activity

[PM-1541] Adjust the dialogs max-width (#5036)

Browse Source
This commit is contained in:
Oscar Hinton
2023-04-25 16:45:35 +02:00
committed by GitHub
parent 85277aa2f8
commit 76673ebe8b
5 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/src/dialog/dialog/dialog.component.html
View File

@@ -1,6 +1,6 @@
<div
class="tw-flex tw-w-full tw-flex-col tw-self-center tw-overflow-hidden tw-rounded tw-border tw-border-solid tw-border-secondary-300 tw-bg-background tw-text-main"
[ngClass]="width"
class="tw-flex tw-flex-col tw-overflow-hidden tw-rounded tw-border tw-border-solid tw-border-secondary-300 tw-bg-background tw-text-main"
@fadeIn
>
<div

12
libs/components/src/dialog/dialog/dialog.component.ts
View File

@@ -19,18 +19,22 @@ export class DialogComponent {
return this._disablePadding;
}
@HostBinding("class") classes = ["tw-flex", "tw-flex-col", "tw-py-4", "tw-max-h-screen"];
@HostBinding("class") get classes() {
return ["tw-flex", "tw-flex-col", "tw-max-h-screen", "tw-w-screen", "tw-p-4"].concat(
this.width
);
}
get width() {
switch (this.dialogSize) {
case "small": {
return "tw-w-96";
return "tw-max-w-sm";
}
case "large": {
return "tw-w-75vw";
return "tw-max-w-3xl";
}
default: {
return "tw-w-50vw";
return "tw-max-w-xl";
}
}
}