chore: updated css

positive-js · Jun 24, 2019 · e11b757 · e11b757
1 parent fc86734
commit e11b757
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 11 deletions.
diff --git a/packages/docs/src/app/shared/example-viewer/example-viewer.html b/packages/docs/src/app/shared/example-viewer/example-viewer.html
@@ -1,19 +1,27 @@
 <div class="docs-example-viewer-wrapper">
-  <div class="docs-example-viewer-title">
-    <div class="docs-example-viewer-title-spacer">{{exampleData?.title}}</div>
+    <div class="docs-example-viewer-title">
+        <div class="docs-example-viewer-title-spacer">{{exampleData?.title}}</div>
 
-    <button type="button" (click)="toggleSourceView()">
+        <button type="button" (click)="toggleSourceView()">
             SourceView button
-    </button>
+        </button>
 
 
-</div>
-
-  <div class="docs-example-viewer-source" *ngIf="showSource">
+    </div>
 
-  </div>
+    <div class="docs-example-viewer-source" *ngIf="showSource">
+        <mc-tab-group>
+            <mc-tab *ngFor="let tabName of _getExampleTabNames()" [label]="tabName">
+                <div class="docs-example-source-wrapper">
+                    <pre class="docs-example-source">
+                        <doc-viewer #viewer [documentUrl]="exampleTabs[tabName]"></doc-viewer>
+                    </pre>
+                </div>
+            </mc-tab>
+        </mc-tab-group>
+    </div>
 
-  <div class="docs-example-viewer-body">
-    <ng-template [cdkPortalOutlet]="selectedPortal"></ng-template>
-  </div>
+    <div class="docs-example-viewer-body">
+        <ng-template [cdkPortalOutlet]="selectedPortal"></ng-template>
+    </div>
 </div>
diff --git a/packages/docs/src/styles/_common.scss b/packages/docs/src/styles/_common.scss
@@ -44,3 +44,15 @@ a {
 .float-right {
     float: right;
 }
+
+code, pre {
+    font-family: 'Roboto Mono', monospace;
+}
+
+code {
+    font-size: 90%;
+}
+
+pre {
+    font-size: 14px;
+}