machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[ui] tweak profile image

Browse Source
This commit is contained in:
nymkappa 2023-08-21 23:18:55 +02:00
parent bfc3fbe397
commit 5005817529
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/master-page/master-page.component.html
View File

@ -8,7 +8,7 @@
<ng-container *ngIf="servicesEnabled"> <ng-container *ngIf="servicesEnabled">
<div *ngIf="user" class="profile_image_container" [class]="{'anon': !user.imageMd5}" (click)="hamburgerClick()"> <div *ngIf="user" class="profile_image_container" [class]="{'anon': !user.imageMd5}" (click)="hamburgerClick()">
<img *ngIf="user.imageMd5" [src]="'/api/v1/services/account/image/' + user.username + '?md5=' + user.imageMd5" class="profile_image"> <img *ngIf="user.imageMd5" [src]="'/api/v1/services/account/image/' + user.username + '?md5=' + user.imageMd5" class="profile_image">
<app-svg-images *ngIf="!user.imageMd5" name="anon"></app-svg-images> <app-svg-images style="color: lightgrey; fill: lightgray" *ngIf="!user.imageMd5" name="anon"></app-svg-images>
</div> </div>
<div *ngIf="user === null" class="profile_image_container" (click)="hamburgerClick()"> <div *ngIf="user === null" class="profile_image_container" (click)="hamburgerClick()">
<app-svg-images name="hamburger" height="40"></app-svg-images> <app-svg-images name="hamburger" height="40"></app-svg-images>

8
frontend/src/app/components/master-page/master-page.component.scss
View File

@ -225,12 +225,12 @@ nav {
align-self: center; align-self: center;
cursor: pointer; cursor: pointer;
&.anon { &.anon {
border: 1px solid lightgrey; border: 1.5px solid lightgrey;
color: grey; color: lightgrey;
border-radius: 10px; border-radius: 5px;
} }
} }
.profile_image { .profile_image {
height: 35px; height: 35px;
border-radius: 10px; border-radius: 5px;
} }