Upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor.git synced 2024-12-22 16:48:30 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #6392 from pureshine/nav-logo

Browse Source 
Add harbor logo to navigation bar
This commit is contained in:
Mia ZHOU 2018-11-30 14:42:55 +08:00 committed by GitHub
commit b3d0d64ebd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/portal/src/app/base/navigator/navigator.component.html
View File

@ -2,6 +2,7 @@
<div class="branding">
<a href="javascript:void(0)" class="nav-link" (click)="homeAction()">
<!-- <clr-icon shape="vm-bug" *ngIf="!customStyle?.headerLogo"></clr-icon> -->
<img src="../../../images/harbor-white-logo.svg" class="harbor-logo" />
<img [attr.src]="'static/images/'+customStyle?.headerLogo" *ngIf="customStyle?.headerLogo" style="width: 36px;height: 36px; object-fit: fill;">
<span class="title">{{customProjectName?.projectName? customProjectName?.projectName:(appTitle | translate)}}</span>
</a>

5
src/portal/src/app/base/navigator/navigator.component.scss
View File

@ -33,4 +33,9 @@
.nav-about-link {
padding-left: 12px !important;
padding-right: 12px !important;
}
.harbor-logo {
width: 40px;
margin-right: 15px;
}

1
src/portal/src/images/harbor-white-logo.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><defs><style>.b2a540f0-8ed5-4940-ba5e-2b241de2719f{fill:#fff;}</style></defs><path class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" d="M23.28,45A22.5,22.5,0,1,1,45,21.73,22.52,22.52,0,0,1,23.28,45ZM21.86,4A18.56,18.56,0,1,0,41.12,21.86,18.56,18.56,0,0,0,21.86,4Z" transform="translate(0)"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="33.2 5.58 22.5 17.32 38.29 9.58 33.2 5.58"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="40.89 13.11 23.04 18.99 42.5 18.32 40.89 13.11"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="43.1 21.8 23.64 20.52 42.5 27.2 43.1 21.8"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="17.24 11.67 12.55 16.96 21.79 16.96 17.24 11.67"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="13.09" y="16.96" width="1.52" height="4.76"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="19.74" y="16.96" width="1.52" height="4.76"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="16.32" y="18.7" width="1.71" height="3.02"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.16 28.68 13.29 25.85 13.44 22.88 20.9 22.88 21.16 28.68"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.3 31.58 13.14 28.65 13.23 27.12 21.24 30.22 21.3 31.58"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.42 34.16 13.01 31.14 13.09 29.6 21.36 32.81 21.42 34.16"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.55 36.73 12.88 33.63 12.97 32.09 21.49 35.39 21.55 36.73"/><polygon class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" points="21.79 44.15 12.47 41.18 12.81 34.88 21.62 38.3 21.79 44.15"/><rect class="b2a540f0-8ed5-4940-ba5e-2b241de2719f" x="12.65" y="21.72" width="9.05" height="1.65"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB