minor ui tweaks

SAP-archive · Dec 12, 2018 · 533ff48 · 533ff48
1 parent d1f1f87
commit 533ff48
Show file tree

Hide file tree

Showing 11 changed files with 15 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,12 @@
-# Fundamental Vue
+<p align="center">
+      <a href="https://github.com/SAP/fundamental-vue" target="_blank" rel="noopener noreferrer">
+            <img width="400" src="./public/logo_big.png" alt="Fundamental Vue logo">
+      </a>
+</p>
+
 Vue.JS components for [SAP Fiori Fundamentals](https://github.com/SAP/fundamental)
 
-- [Playground](https://dist-gjxmmg5hv.now.sh)
+- [Playground](https://dist-fdl62itm5.now.sh)
 - [GitHub repo of Angular implementation of SAP Fiori Fundamentals](https://github.com/SAP/fundamental-ngx)
 - [GitHub repo of React implementation of SAP Fiori Fundamentals](https://github.com/SAP/fundamental-react)
 

diff --git a/gfx/Assets.sketch b/gfx/Assets.sketch
diff --git a/gfx/Logo.sketch b/gfx/Logo.sketch
diff --git a/public/logo.png b/public/logo.png
diff --git a/public/logo@2x.png b/public/logo@2x.png
diff --git a/public/logo_big.png b/public/logo_big.png
diff --git a/public/logo_big@2x.png b/public/logo_big@2x.png
diff --git a/public/logobig.png b/public/logobig.png
diff --git a/src/components/Layout/ShellBar/ShellBarUserMenu.tsx b/src/components/Layout/ShellBar/ShellBarUserMenu.tsx
@@ -16,7 +16,7 @@ export class ShellBarUserMenu extends TsxComponent<{}> {
         <Popover placement='right'>
           <div class='fd-user-menu__control' slot='control'>
             {control}
-            {!control && <Identifier size='s' backgroundColor='status-1' circle={true} icon='person-placeholder' />}
+            {!control && <Identifier size='s' backgroundColor='accent-6' circle={true} icon='person-placeholder' />}
           </div>
           {this.$slots.default}
         </Popover>

diff --git a/src/components/SideNav/SideNavItem.tsx b/src/components/SideNav/SideNavItem.tsx
@@ -133,7 +133,7 @@ export class SideNavItem extends mixins(Icon) implements ItemContainer {
         {this.accessoryIcon &&
           <Identifier
             circle={true}
-            backgroundColor='accent-5'
+            backgroundColor='accent-6'
             class='fd-has-float-right'
             size='xxs'
             icon={this.accessoryIcon}

diff --git a/src/docs/static-pages/start.md b/src/docs/static-pages/start.md
@@ -1,4 +1,9 @@
-# Introduction
+<p style="margin-top: 0;" align="center">
+      <a href="https://github.com/SAP/fundamental-vue" target="_blank" rel="noopener noreferrer">
+            <img style="border: 0; margin: 0;" srcset="./../../../logo_big.png 1x, ./../../../logo_big@2x.png 2x" src="./../../../public/logo_big.png" alt="Fundamental Vue logo">
+      </a>
+</p>
+
 
 > SAP Fundamental Vue is a UI framework based on [SAP Fiori Fundamentals](https://sap.github.io/fundamental/) and [Vue.js](htts://vuejs.org).