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

update anon-layout and extension-anon-layout spacing (#11869)

Browse Source
This commit is contained in:
rr-bw
2024-11-13 10:17:23 -08:00
committed by GitHub
parent 7ef1d01401
commit 204eb3105b
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/browser/src/auth/popup/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html
View File

@@ -1,4 +1,4 @@
<popup-page> <popup-page [disablePadding]="true">
<popup-header <popup-header
slot="header" slot="header"
[background]="'alt'" [background]="'alt'"
@@ -19,7 +19,6 @@
[icon]="pageIcon" [icon]="pageIcon"
[showReadonlyHostname]="showReadonlyHostname" [showReadonlyHostname]="showReadonlyHostname"
[hideLogo]="true" [hideLogo]="true"
[decreaseTopPadding]="true"
[maxWidth]="maxWidth" [maxWidth]="maxWidth"
> >
<router-outlet></router-outlet> <router-outlet></router-outlet>

17
libs/auth/src/angular/anon-layout/anon-layout.component.html
View File

@@ -1,18 +1,19 @@
<!-- The calc() reductions are to account for browser/desktop headers -->
<main <main
class="tw-flex tw-w-full tw-mx-auto tw-flex-col tw-gap-7 tw-bg-background-alt tw-px-8 tw-pb-4 tw-text-main" class="tw-flex tw-w-full tw-mx-auto tw-flex-col tw-bg-background-alt tw-px-6 tw-pt-6 tw-pb-4 tw-text-main"
[ngClass]="{ [ngClass]="{
'tw-pt-0': decreaseTopPadding,
'tw-pt-8': !decreaseTopPadding,
'tw-min-h-screen': clientType === 'web', 'tw-min-h-screen': clientType === 'web',
'tw-min-h-full': clientType === 'browser' || clientType === 'desktop', 'tw-min-h-full': clientType === 'browser' || clientType === 'desktop',
}" }"
> >
<a *ngIf="!hideLogo" [routerLink]="['/']" class="tw-w-[128px] [&>*]:tw-align-top"> <a
*ngIf="!hideLogo"
[routerLink]="['/']"
class="tw-w-[128px] tw-block tw-mb-12 [&>*]:tw-align-top"
>
<bit-icon [icon]="logo"></bit-icon> <bit-icon [icon]="logo"></bit-icon>
</a> </a>
<div class="tw-text-center"> <div class="tw-text-center tw-mb-6">
<div class="tw-mx-auto tw-max-w-28 sm:tw-max-w-32"> <div class="tw-mx-auto tw-max-w-28 sm:tw-max-w-32">
<bit-icon [icon]="icon"></bit-icon> <bit-icon [icon]="icon"></bit-icon>
</div> </div>
@@ -36,14 +37,14 @@
[ngClass]="{ 'tw-max-w-md': maxWidth === 'md', 'tw-max-w-3xl': maxWidth === '3xl' }" [ngClass]="{ 'tw-max-w-md': maxWidth === 'md', 'tw-max-w-3xl': maxWidth === '3xl' }"
> >
<div <div
class="tw-rounded-2xl tw-mb-9 tw-mx-auto tw-w-full sm:tw-bg-background sm:tw-border sm:tw-border-solid sm:tw-border-secondary-300 sm:tw-p-8" class="tw-rounded-2xl tw-mb-10 tw-mx-auto tw-w-full sm:tw-bg-background sm:tw-border sm:tw-border-solid sm:tw-border-secondary-300 sm:tw-p-8"
> >
<ng-content></ng-content> <ng-content></ng-content>
</div> </div>
<ng-content select="[slot=secondary]"></ng-content> <ng-content select="[slot=secondary]"></ng-content>
</div> </div>
<footer *ngIf="!hideFooter" class="tw-text-center"> <footer *ngIf="!hideFooter" class="tw-text-center tw-mt-6">
<div *ngIf="showReadonlyHostname" bitTypography="body2"> <div *ngIf="showReadonlyHostname" bitTypography="body2">
{{ "accessing" | i18n }} {{ hostname }} {{ "accessing" | i18n }} {{ hostname }}
</div> </div>

2
libs/auth/src/angular/anon-layout/anon-layout.component.ts
View File

@@ -31,7 +31,7 @@ export class AnonLayoutComponent implements OnInit, OnChanges {
@Input() showReadonlyHostname: boolean; @Input() showReadonlyHostname: boolean;
@Input() hideLogo: boolean = false; @Input() hideLogo: boolean = false;
@Input() hideFooter: boolean = false; @Input() hideFooter: boolean = false;
@Input() decreaseTopPadding: boolean = false;
/** /**
* Max width of the layout content * Max width of the layout content
* *