Skip to content

Codecrew / Moya

Go to a project
Commit 8c5cfb02 by Tuukka Kivilahti
Options

added logo

1 parent 4bc0dc94
Inline Side-by-side
Showing with 61 additions and 11 deletions
code/moya-angular/src/app/menu/left-menu/left-menu.component.html
...@@ -13,6 +13,6 @@ ...@@ -13,6 +13,6 @@
</nav> </nav>
<img id="moya-logo" src="assets/moya-logo.svg" />
</div> </div>
code/moya-angular/src/app/menu/left-menu/left-menu.component.scss
...@@ -3,6 +3,22 @@ ...@@ -3,6 +3,22 @@
#leftNavTop { #leftNavTop {
min-height: 100vh; min-height: 100vh;
width: 255px; width: 255px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
#moya-logo {
width: 130px;
margin-bottom: 20px;
}
#leftNav {
display: flex;
flex-direction: column;
width: inherit;
} }
.leftNavItem { .leftNavItem {
...@@ -12,20 +28,25 @@ ...@@ -12,20 +28,25 @@
text-align: center; text-align: center;
padding-bottom: 12px; padding-bottom: 12px;
padding-top: 12px; padding-top: 12px;
border-left: 3px solid transparent;
left: 0px;
right: 0px;
width: auto;
} }
.leftNavItem.active { .leftNavItem.active {
background-image: linear-gradient(90deg, rgba(126, 142, 218,0.13) 0%, rgba(255,255,255,0.00) 92%); background-image: linear-gradient(90deg, rgba(126, 142, 218,0.13) 0%, rgba(255,255,255,0.00) 92%);
border-left: 3px solid #69B1A1; border-left: 3px solid #69B1A1;
text-decoration: none;
}
.leftNavItem:hover {
background-image: linear-gradient(90deg, rgba(126, 142, 218,0.13) 0%, rgba(255,255,255,0.00) 92%);
border-left: 3px solid #69B1A1;
text-decoration: none;
} }
#leftNav {
display: flex;
flex-direction: column;
}
.leftNavGroup { .leftNavGroup {
...@@ -43,9 +64,10 @@ ...@@ -43,9 +64,10 @@
text-align: center; text-align: center;
padding-bottom: 12px; padding-bottom: 12px;
padding-top: 12px; padding-top: 12px;
} }
.infoMenu .leftNavGroup { .adminMenu .leftNavGroup {
color: $user-color; color: $user-color;
} }
...@@ -56,11 +78,11 @@ ...@@ -56,11 +78,11 @@
// background-color: $user-color; // background-color: $user-color;
background-image: linear-gradient(0deg, #485173 0%, #141721 100%); background-image: linear-gradient(0deg, #485173 0%, #141721 100%);
} }
.infoMenu { .adminMenu {
// background-color: $info-color; // background-color: $info-color;
background-image: linear-gradient(0deg, #fad9b1 0%, #de821f 100%); background-image: linear-gradient(0deg, #fad9b1 0%, #de821f 100%);
} }
.adminMenu { .infoMenu{
// background-color: $admin-color; // background-color: $admin-color;
background-image: linear-gradient(0deg, #569f8e 0%, #11141b 100%); background-image: linear-gradient(0deg, #569f8e 0%, #11141b 100%);
} }
code/moya-angular/src/app/scss/main.scss
$user-color: #2b2c3a; $user-color: #2b2c3a;
$info-color: #de821f; $admin-color: #de821f;
$admin-color: #69B1A1; $info-color: #69B1A1;
code/moya-angular/src/assets/moya-logo.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="695px" height="695px" viewBox="0 0 695 695" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
<title>Moya-logo</title>
<desc>Created with Sketch.</desc>
<defs>
<circle id="path-1" cx="347.5" cy="347.5" r="347.5"></circle>
</defs>
<g id="Exportjutut" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Moya-logo">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="bg" fill="#FFFFFF" xlink:href="#path-1"></use>
<g id="M" mask="url(#mask-2)">
<g transform="translate(83.548905, 190.045179)">
<polygon id="Path-3" fill="#4B4C53" points="449.867332 270.902613 517.324914 270.902613 406.84118 53.2464587 371.719459 117.206946"></polygon>
<polygon id="Path-3-Copy-2" fill="#4B4C53" points="223.003097 270.974179 289.369783 270.974179 178.108226 54.5480655 145.166718 118.284879"></polygon>
<polygon id="Path-4" fill="#69B1A1" points="289.323585 270.910137 406.906864 53.2748731 377.342132 0.153414611 370.090013 0.153414611 258.195348 210.246315"></polygon>
<polygon id="Path-4-Copy" fill="#69B1A1" points="64.9703444 270.836635 90.5241976 222.417957 58.5326149 161.068771 0.713589374 270.836635"></polygon>
<polygon id="Path-4-Copy-2" fill="#69B1A1" points="123.667349 159.935465 178.141888 54.53719 150.541837 0.0852033358 143.317376 0.0852033358 90.7363389 99.801993"></polygon>
<polygon id="Path-3-Copy" fill="#4B4C53" points="341.497382 270.837809 406.048634 270.837809 267.612338 0.141904677 260.333163 0.141904677 229.691259 51.3758733"></polygon>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!