Added galleria link to sidebar

src/AppMenu.vue

@@ -131,6 +131,14 @@
                 <router-link to="/toast">Toast</router-link>
             </div>
 
+            <span>
+                <img alt="multimedia" class="layout-menu-icon-inactive" src="./assets/images/menu/multimedia.svg" />
+                <span>Multimedia</span>
+            </span>
+            <div>
+                <router-link to="/galleria">Galleria</router-link>
+            </div>
+
             <span>
                 <img alt="misc" class="layout-menu-icon-inactive" src="./assets/images/menu/misc.svg" />
                 <span>Misc</span>

src/assets/styles/app.scss

@@ -483,6 +483,11 @@ a {
         &.implementation {
             background-color: #ffffff;
 
+            > hr {
+                margin-top: 24px;
+                opacity: .3;
+            }
+
             > h3 {
                 font-weight: 400;
                 margin-top: 30px;

src/main.js

@@ -71,6 +71,7 @@ import ToggleButton from './components/togglebutton/ToggleButton';
 import TriStateCheckbox from './components/tristatecheckbox/TriStateCheckbox';
 import InputMask from './components/inputmask/InputMask';
 import ValidationMessage from './components/validationmessage/ValidationMessage';
+import Galleria from './components/galleria/Galleria';
 
 import CodeHighlight from './views/codehighlight/CodeHighlight';
 
@@ -157,6 +158,7 @@ Vue.component('TreeTable', TreeTable);
 Vue.component('TriStateCheckbox', TriStateCheckbox);
 Vue.component('InputMask', InputMask);
 Vue.component('ValidationMessage', ValidationMessage);
+Vue.component('Galleria', Galleria);
 
 Vue.component('CodeHighlight', CodeHighlight);
 

src/router.js

@@ -599,7 +599,52 @@ export default new Router({
 			path: '/tristatecheckbox',
 			name: 'tristatecheckbox',
 			component: () => import('./views/tristatecheckbox/TriStateCheckboxDemo.vue')
-		}
+        },
+        {
+			path: '/galleria',
+			name: 'galleria',
+			component: () => import('./views/galleria/GalleriaDemo.vue')
+        },
+        {
+			path: '/galleria/basic',
+			name: 'galleriabasic',
+			component: () => import('./views/galleria/GalleriaBasicDemo.vue')
+        },
+        {
+			path: '/galleria/indicator',
+			name: 'galleriaindicator',
+			component: () => import('./views/galleria/GalleriaIndicatorDemo.vue')
+        },
+        {
+			path: '/galleria/thumbnail',
+			name: 'galleriathumbnail',
+			component: () => import('./views/galleria/GalleriaThumbnailDemo.vue')
+        },
+        {
+			path: '/galleria/preview',
+			name: 'galleriapreview',
+			component: () => import('./views/galleria/GalleriaPreviewDemo.vue')
+        },
+        {
+			path: '/galleria/responsive',
+			name: 'galleriaresponsive',
+			component: () => import('./views/galleria/GalleriaResponsiveDemo.vue')
+        },
+        {
+			path: '/galleria/fullscreen',
+			name: 'galleriafullscreen',
+			component: () => import('./views/galleria/GalleriaFullScreenDemo.vue')
+        },
+        {
+			path: '/galleria/circular',
+			name: 'galleriacircular',
+			component: () => import('./views/galleria/GalleriaCircularDemo.vue')
+        },
+        {
+			path: '/galleria/caption',
+			name: 'galleriacaption',
+			component: () => import('./views/galleria/GalleriaCaptionDemo.vue')
+        }
 	],
 	scrollBehavior() {
         return {x: 0, y: 0};