Merge pull request #13 from uwcirg/feature/frontend-upates

frontend logo, menu updates
uwcirg · Dec 31, 2024 · aef5ff0 · aef5ff0
2 parents 3943b12 + 5988c21
commit aef5ff0
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 4 deletions.
diff --git a/src/ui-client/public/images/logos/apps/logo_dark.png b/src/ui-client/public/images/logos/apps/logo_dark.png
diff --git a/src/ui-client/public/images/logos/apps/logo_light.png b/src/ui-client/public/images/logos/apps/logo_light.png
diff --git a/src/ui-client/src/containers/Attestation/Attestation.tsx b/src/ui-client/src/containers/Attestation/Attestation.tsx
@@ -149,9 +149,8 @@ class Attestation extends React.PureComponent<Props, State> {
 
                     {/* Top logo row (Leaf, ITHS, CD2H) */}
                     <div className={`${c}-leaf-logo-wrapper`}>
-                        <img alt='leaf-logo' className={`${c}-leaf-logo`} src={process.env.PUBLIC_URL + '/images/logos/apps/leaf.png'} />
+                        <img alt="leaf-logo" className="logo" src={process.env.PUBLIC_URL + '/images/logos/apps/logo_dark.png'} />
                         <div className={`${c}-title`}>
-                            leaf
                             <span className={`${c}-leaf-version`}>v{pkg.version}</span>
                         </div>
                     </div>

diff --git a/src/ui-client/src/containers/Header/Header.tsx b/src/ui-client/src/containers/Header/Header.tsx
@@ -56,8 +56,8 @@ class Header extends React.PureComponent<Props> {
             <Navbar id={`${c}-container`} className="d-flex justify-content-between mb-3">
                 <div className={`${c}-content-side`}>
                     <div className={`${c}-title`} >
-                        <img alt="leaf-logo" className="logo" src={process.env.PUBLIC_URL + '/images/logos/apps/leaf.png'} />
-                        <div className="title">leaf</div>
+                        <img alt="leaf-logo" className="logo" src={process.env.PUBLIC_URL + '/images/logos/apps/logo_light.png'} />
+                        {/* <div className="title">leaf</div> */}
                     </div>
                 </div>
                 <div className="mx-auto">

diff --git a/src/ui-client/src/styles/custom.css b/src/ui-client/src/styles/custom.css
@@ -3,6 +3,9 @@
     margin-left: 8px;
     font-size: 1.8rem;
 }
+#header-container .header-role:has(.header-role-icon-phi) {
+    display: none;
+}
 .header-content-side .header-title {
 
     /* Example
@@ -125,8 +128,17 @@ button.concept-search-roots-dropdown-toggle.dropdown-toggle.btn.btn-secondary:ho
 }
 
 /* Attestation modal */
+.attestation-leaf-logo {
+    border-radius: 0;
+}
 .attestation-modal-wrap .attestation-title {
     margin-left: 4px;
     font-size: 2rem;
 }
+
+/* Visualize */
+.visualization-no-data-container {
+    color: #777;
+    margin-top: 24px;
+}