mirror of
https://github.com/bitwarden/browser
synced 2026-02-26 17:43:22 +00:00
revert changes to alignment
This commit is contained in:
@@ -1,13 +1,17 @@
|
||||
<aside
|
||||
class="tw-mb-4 tw-box-border tw-border tw-border-solid tw-rounded-lg tw-bg-background tw-ps-4 tw-pe-4 tw-py-3 tw-leading-5 tw-flex tw-gap-2"
|
||||
[ngClass]="[calloutClass(), truncate ? 'tw-items-center' : '']"
|
||||
[ngClass]="[calloutClass()]"
|
||||
[attr.aria-labelledby]="titleId"
|
||||
>
|
||||
@let title = titleComputed();
|
||||
@let icon = iconComputed();
|
||||
|
||||
@if (icon) {
|
||||
<i class="bwi tw-relative" [ngClass]="[icon, iconClass()]" aria-hidden="true"></i>
|
||||
<i
|
||||
class="bwi tw-relative"
|
||||
[ngClass]="[icon, title ? 'tw-top-[3px] tw-self-start' : 'tw-top-[1px]']"
|
||||
aria-hidden="true"
|
||||
></i>
|
||||
}
|
||||
<div class="tw-flex tw-flex-col tw-gap-0.5" [ngClass]="truncate ? 'tw-truncate' : ''">
|
||||
@if (title) {
|
||||
|
||||
@@ -54,16 +54,6 @@ export class CalloutComponent {
|
||||
|
||||
constructor(private i18nService: I18nService) {}
|
||||
|
||||
protected readonly iconClass = computed(() => {
|
||||
if (!this.title() && this.truncate()) {
|
||||
return "";
|
||||
}
|
||||
if (this.iconComputed() && this.titleComputed()) {
|
||||
return "tw-top-[3px] tw-self-start";
|
||||
}
|
||||
return "tw-top-[1px]";
|
||||
});
|
||||
|
||||
protected readonly calloutClass = computed(() => {
|
||||
switch (this.type()) {
|
||||
case "danger":
|
||||
|
||||
Reference in New Issue
Block a user