mohiit1502/PictureStory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug fixes and cosmetic changes

Browse Source
This commit is contained in:
mohiit1502
2018-10-23 03:04:11 +05:30
parent 5c105eebe4
commit b9f46d159b
5 changed files with 103 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/content/content.component.html
View File

@@ -1,2 +1,3 @@
<div class="background-image"></div>
<app-header></app-header> <app-header></app-header>
<app-image-container></app-image-container> <app-image-container></app-image-container>

16
src/app/content/content.component.scss
View File

@@ -1,3 +1,17 @@
:host { :host {
width: 100%; width: 100%;
} }
.background-image {
background-image: url("/assets/images/BG.jpg");
background-size: cover;
-webkit-background-size: cover;
display: block;
filter: blur(15px);
-webkit-filter: blur(15px);
height: 100%;
left: 0;
position: fixed;
right: 0;
/* z-index: 1; */
}

168
src/app/side-bar/side-bar.component.html
View File

@@ -1,86 +1,84 @@
<div class="wrapper"> <nav id="sidebar" class="active">
<nav id="sidebar" class="active"> <div class="sidebar-header">
<div class="sidebar-header"> <button type="button" id="sidebarCollapse" class="btn btn-info">
<button type="button" id="sidebarCollapse" class="btn btn-info"> <i class="fas fa-align-justify"></i>
<i class="fas fa-align-justify"></i> </button>
</button> <h3 class="logotext">Microbot</h3>
<h3 class="logotext">Microbot</h3> <!-- <strong>MB</strong> -->
<!-- <strong>MB</strong> --> </div>
</div>
<ul class="list-unstyled components"> <ul class="list-unstyled components">
<li *ngFor="let tab of tabsData" <li *ngFor="let tab of tabsData"
[ngClass]="{active: tab.activeClass}"> [ngClass]="{active: tab.activeClass}">
<a [routerLink]="tab.href"> <a [routerLink]="tab.href">
<i [ngClass]="['fas', tab.tabImage]"></i> <i [ngClass]="['fas', tab.tabImage]"></i>
<span class="hideable hide">{{tab.tabText}}</span> <span class="hideable hide">{{tab.tabText}}</span>
</a> </a>
<ul <ul
class="collapse list-unstyled" class="collapse list-unstyled"
id="pageSubmenu" id="pageSubmenu"
*ngIf="tab.subList"> *ngIf="tab.subList">
<li> <li>
<a href="#">Repo</a> <a href="#">Repo</a>
</li> </li>
<li> <li>
<a href="#">Issues</a> <a href="#">Issues</a>
</li> </li>
<li> <li>
<a href="#">Admin</a> <a href="#">Admin</a>
</li> </li>
</ul> </ul>
</li> </li>
<!-- <app-side-bar-tab <!-- <app-side-bar-tab
*ngFor="let tab of tabsData" *ngFor="let tab of tabsData"
[tab]="tab"> [tab]="tab">
</app-side-bar-tab> --> </app-side-bar-tab> -->
<!-- <li class="active"> <!-- <li class="active">
<a href="#homeSubmenu"> <a href="#homeSubmenu">
<i class="fas fa-home"></i> <i class="fas fa-home"></i>
<span class="hideable hide">Home</span> <span class="hideable hide">Home</span>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fas fa-briefcase"></i> <i class="fas fa-briefcase"></i>
<span class="hideable hide">About</span> <span class="hideable hide">About</span>
</a> </a>
</li> </li>
<li> <li>
<a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle"> <a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
<i class="fas fa-copy"></i> <i class="fas fa-copy"></i>
<span class="hideable hide">Tasks</span> <span class="hideable hide">Tasks</span>
</a> </a>
<ul class="collapse list-unstyled" id="pageSubmenu"> <ul class="collapse list-unstyled" id="pageSubmenu">
<li> <li>
<a href="#">Repo</a> <a href="#">Repo</a>
</li> </li>
<li> <li>
<a href="#">Issues</a> <a href="#">Issues</a>
</li> </li>
<li> <li>
<a href="#">Admin</a> <a href="#">Admin</a>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fas fa-image"></i> <i class="fas fa-image"></i>
<span class="hideable hide">Favorites</span> <span class="hideable hide">Favorites</span>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fas fa-question"></i> <i class="fas fa-question"></i>
<span class="hideable hide">FAQ</span> <span class="hideable hide">FAQ</span>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fas fa-paper-plane"></i> <i class="fas fa-paper-plane"></i>
<span class="hideable hide">Contact</span> <span class="hideable hide">Contact</span>
</a> </a>
</li> --> </li> -->
</ul> </ul>
</nav> </nav>
</div>

6
src/app/side-bar/side-bar.component.scss
View File

@@ -4,6 +4,7 @@ $themeColor-Dark:#E3E2DF;
$theme-font: verdana, sans-serif; $theme-font: verdana, sans-serif;
// $theme-supplementer: #f39c12; // $theme-supplementer: #f39c12;
$theme-supplementer: #5D001E; $theme-supplementer: #5D001E;
$theme-supplementer-transparent: rgba(93,0,30,0.2);
// app-root { // app-root {
// font-family: 'Poppins', sans-serif; // font-family: 'Poppins', sans-serif;
@@ -11,7 +12,8 @@ $theme-supplementer: #5D001E;
// } // }
:host { :host {
background: $theme-supplementer; background: $theme-supplementer-transparent;
z-index: 20;
} }
p { p {
@@ -71,7 +73,7 @@ span {
#sidebar { #sidebar {
min-width: 250px; min-width: 250px;
max-width: 250px; max-width: 250px;
background: $theme-supplementer; background: $theme-supplementer-transparent;
color: $themeColor-Dark; color: $themeColor-Dark;
transition: all 0.3s; transition: all 0.3s;
} }

1
src/styles.css
View File

@@ -1 +0,0 @@
/* You can add global styles to this file, and also import other style files */