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

[CL-816] Anon layout icon sizing (#16349)

Browse Source 
* add max-width to SVG to prevent oversizing

* add max width to svg

* add comment to explain targeted svg styling
This commit is contained in:
Bryan Cunningham
2025-09-16 14:41:17 -04:00
committed by GitHub
parent 942d9d666c
commit 4711e51de3
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
libs/components/src/anon-layout/anon-layout.component.html
View File

@@ -14,7 +14,12 @@
</a> </a>
<div class="tw-text-center tw-mb-4 sm:tw-mb-6 tw-mx-auto" [ngClass]="maxWidthClass"> <div class="tw-text-center tw-mb-4 sm:tw-mb-6 tw-mx-auto" [ngClass]="maxWidthClass">
<div *ngIf="!hideIcon()" class="tw-size-20 sm:tw-size-24 tw-mx-auto tw-content-center"> <!-- In some scenarios this icon's size is not limited by container width correctly -->
<!-- Targeting the SVG here to try and ensure it never grows too large in even the media queries are not working as expected -->
<div
*ngIf="!hideIcon()"
class="tw-size-20 sm:tw-size-24 [&_svg]:tw-w-full [&_svg]:tw-max-w-24 tw-mx-auto tw-content-center"
>
<bit-icon [icon]="icon()"></bit-icon> <bit-icon [icon]="icon()"></bit-icon>
</div> </div>