chore(): update code view

A-l-y-l-e · Nov 26, 2018 · 1adadbf · 1adadbf
1 parent 5c593eb
commit 1adadbf
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -53,15 +53,15 @@ const SublimeLight = {
 export class CustomMinimaLight extends MinimaLight {
   shadow = '#505050';
   codeColor = 'rgba(0, 23, 31, 0.7)';
-  codeBg = '#F5F5F5';
+  codeBg = '#fff';
   myColor = 'pink';
   drawerButton = '#5f6368';
 }
 
 export class CustomMinimaDark extends MinimaDark {
   shadow = 'rgba(0, 0, 0, 1)';
   codeColor = '#efefef';
-  codeBg = '#212121';
+  codeBg = '#1b1b1b';
   myColor = 'teal';
   drawerButton = '#abafb5';
 }

diff --git a/src/app/core/prism/prism.directive.ts b/src/app/core/prism/prism.directive.ts
@@ -65,7 +65,7 @@ const classes = theme => ({
   root: {
     color: theme.codeColor,
     backgroundColor: theme.codeBg,
-    margin: '1em 0',
+    marginBottom: '.5em',
     'pre[class*="language-"]': {
       padding: '1em',
       margin: '.5em 0',

diff --git a/src/app/demo-view/view/view.component.html b/src/app/demo-view/view/view.component.html
@@ -1,4 +1,4 @@
-<ly-card [elevation]="3" shadowColor="background:secondary" bg="background:tertiary">
+<ly-card [elevation]="8" shadowColor="background:secondary" bg="background:tertiary">
   <div [className]="classes.code">
     <button ly-button appearance="icon" (click)="openPostStackblitz($event)"><ly-icon>launch</ly-icon></button>
     <button ly-button appearance="icon" (click)="toggleCode()"><ly-icon icon="code"></ly-icon></button>

diff --git a/src/app/demo-view/view/view.component.ts b/src/app/demo-view/view/view.component.ts
@@ -10,7 +10,7 @@ import {
 } from '@angular/core';
 import { Observable, of, merge, forkJoin } from 'rxjs';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
-import { Router, ActivatedRoute } from '@angular/router';
+import { Router } from '@angular/router';
 import { catchError, retry } from 'rxjs/operators';
 import { Platform, AUI_VERSION, LyTheme2 } from '@alyle/ui';
 
@@ -29,7 +29,8 @@ const styles = {
   codeContainer: {
     maxHeight: '200px',
     overflowY: 'auto',
-    padding: '24px 24px 0 24px'
+    padding: '24px',
+    height: '100%'
   },
   tabContainer: {
     padding: '48px 24px 24px 24px'
@@ -40,7 +41,7 @@ const styles = {
   code: {
     position: 'absolute',
     right: 0,
-    top: 0,
+    top: '4px',
     zIndex: 1
   }
 };