TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix missing logo/icon

Browse Source
This commit is contained in:
dannyrb 2019-05-30 00:12:43 -04:00
parent 770cc5abed
commit 6519bb08ee
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/OHIFLogo/OHIFLogo.css
View File

@ -1,23 +1,27 @@
.header-brand { .header-brand {
height: 30px; height: 30px;
text-decoration: none; text-decoration: none;
float: left; text-decoration-color: none;
clear: both;
display: flex;
color: var(--text-primary-color);
font-size: 14px;
font-weight: var(--logo-font-weight);
font-family: var(--logo-font-family);
}
.header-brand:hover {
color: var(--text-primary-color);
text-decoration: none;
} }
.header-logo-text { .header-logo-text {
display: inline-block;
font-family: var(--logo-font-family);
font-size: 14px;
font-weight: var(--logo-font-weight);
color: var(--text-primary-color);
line-height: 30px; line-height: 30px;
margin-left: 8px;
} }
.header-logo-image { .header-logo-image {
fill: transparent; height: 30px;
height: 100%;
margin: 0 8px 0 0;
width: 30px; width: 30px;
float: left; font-size: 30px;
} }

4
src/components/OHIFLogo/OHIFLogo.js
View File

@ -1,7 +1,7 @@
import React from 'react'
import './OHIFLogo.css' import './OHIFLogo.css'
import { Icon } from 'react-viewerbase' import { Icon } from 'react-viewerbase'
import React from 'react'
function OHIFLogo() { function OHIFLogo() {
return ( return (
@ -11,7 +11,7 @@ function OHIFLogo() {
className="header-brand" className="header-brand"
href="http://ohif.org" href="http://ohif.org"
> >
<Icon name="ohif-log" className="header-logo-image" /> <Icon name="ohif-logo" className="header-logo-image" />
<div className="header-logo-text">Open Health Imaging Foundation</div> <div className="header-logo-text">Open Health Imaging Foundation</div>
</a> </a>
) )