mirror of
https://github.com/bitwarden/browser.git
synced 2024-06-25 10:25:36 +02:00
[PM-6825] Use tailwind for vault icon styling
This commit is contained in:
parent
72c77ed95d
commit
e3efe8c18e
|
@ -577,6 +577,17 @@ app-vault-view .box-footer {
|
||||||
user-select: auto;
|
user-select: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* override for vault icon in desktop */
|
||||||
|
app-vault-icon > div {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
float: left;
|
||||||
|
height: 36px;
|
||||||
|
width: 34px;
|
||||||
|
margin-left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
/* tweak for inconsistent line heights in cipher view */
|
/* tweak for inconsistent line heights in cipher view */
|
||||||
.box-footer button,
|
.box-footer button,
|
||||||
.box-footer a {
|
.box-footer a {
|
||||||
|
|
|
@ -1,9 +1,10 @@
|
||||||
<div class="icon" aria-hidden="true">
|
<div class="tw-flex tw-justify-center tw-items-center" aria-hidden="true">
|
||||||
<ng-container *ngIf="data$ | async as data">
|
<ng-container *ngIf="data$ | async as data">
|
||||||
<img
|
<img
|
||||||
[src]="data.image"
|
[src]="data.image"
|
||||||
[appFallbackSrc]="data.fallbackImage"
|
[appFallbackSrc]="data.fallbackImage"
|
||||||
*ngIf="data.imageEnabled && data.image"
|
*ngIf="data.imageEnabled && data.image"
|
||||||
|
class="tw-max-h-6 tw-max-w-6 tw-rounded-md"
|
||||||
alt=""
|
alt=""
|
||||||
decoding="async"
|
decoding="async"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user