fix(stark-ui): modify CSS and add App-Logo to Showcase

ISSUES CLOSED: #583
NationalBankBelgium · Sep 5, 2018 · 90e2e05 · 90e2e05
1 parent f8d31cd
commit 90e2e05
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 12 deletions.
diff --git a/packages/stark-ui/assets/styles/_header.scss b/packages/stark-ui/assets/styles/_header.scss
@@ -128,15 +128,6 @@
 }
 
 /* Temporary classes to simulate components that have not been implemented yet */
-.app-logo {
-  background-color: rgba($color: #000, $alpha: 0.4);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 62px;
-  width: 175px;
-}
-
 .app-data {
   background-color: rgba($color: #000, $alpha: 0.4);
   border-radius: 20px;

diff --git a/packages/stark-ui/src/modules/app-logo/components/app-logo.component.scss b/packages/stark-ui/src/modules/app-logo/components/app-logo.component.scss
@@ -24,8 +24,8 @@
   .stark-app-logo {
     & i {
       display: block;
-      width: 120px;
-      height: 128px;
+      width: 60px;
+      height: 64px;
       margin-top: 0;
       background-image: url(/assets/stark-ui/app-logo/angular.png); /* FIXME: add image for desktop */
       background-size: 100% 100%;

diff --git a/showcase/src/app/app.component.html b/showcase/src/app/app.component.html
@@ -17,7 +17,7 @@
 
 			<div class="stark-app-bar-content-center">
 				<div class="app-logo">
-					<p>App Logo</p>
+					<stark-app-logo></stark-app-logo>
 				</div>
 			</div>