purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 12:35:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

new fuse logo

Browse Source
This commit is contained in:
Sercan Yemen 2017-09-18 10:47:08 +03:00
parent d4374e6df0
commit b377d99c66
6 changed files with 1151 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/main/navbar/vertical/navbar-vertical.component.html
View File

@ -1,7 +1,7 @@
<div class="navbar-header"> <div class="navbar-header">
<div class="logo"> <div class="logo">
<span class="logo-icon">F</span> <img class="logo-icon" src="assets/images/logos/fuse.svg">
<span class="logo-text">FUSE</span> <span class="logo-text">FUSE</span>
</div> </div>
@ -15,6 +15,6 @@
</div> </div>
<div class="navbar-content" perfect-scrollbar> <div class="navbar-content" perfectScrollbar>
<fuse-navigation layout="vertical"></fuse-navigation> <fuse-navigation layout="vertical"></fuse-navigation>
</div> </div>

31
src/app/main/navbar/vertical/navbar-vertical.component.scss
View File

@ -45,6 +45,7 @@ fuse-navbar-vertical {
&.left-navbar { &.left-navbar {
left: 0; left: 0;
} }
&.right-navbar { &.right-navbar {
right: 0; right: 0;
} }
@ -55,12 +56,16 @@ fuse-navbar-vertical {
max-width: 64px; max-width: 64px;
.navbar-header { .navbar-header {
padding: 0 16px 0 16px; padding: 0 13px;
.logo {
.logo-text {
opacity: 0;
transition: opacity 200ms ease;
}
} }
} }
&.folded-open {
} }
} }
@ -111,22 +116,14 @@ fuse-navbar-vertical {
align-items: center; align-items: center;
.logo-icon { .logo-icon {
display: block; width: 38px;
background: #039BE5;
width: 32px;
min-width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 16px;
font-weight: 500;
color: #FFF;
border-radius: 2px;
} }
.logo-text { .logo-text {
margin-left: 16px; margin-left: 8px;
font-size: 16px; font-size: 20px;
font-weight: 300;
letter-spacing: 0.4px;
} }
} }
} }

17
src/app/main/toolbar/toolbar.component.scss
View File

@ -20,22 +20,7 @@
align-items: center; align-items: center;
.logo-icon { .logo-icon {
display: block; width: 38px;
background: #039BE5;
width: 32px;
min-width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 16px;
font-weight: 500;
color: #FFF;
border-radius: 2px;
}
.logo-text {
margin-left: 16px;
font-size: 16px;
} }
} }

1127
src/assets/images/logos/fuse.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
src/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

17
src/index.html
View File

@ -40,17 +40,12 @@
} }
#fuse-splash-screen .logo { #fuse-splash-screen .logo {
width: 96px; width: 128px;
height: 96px;
line-height: 96px;
margin: 0 auto; margin: 0 auto;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
font-size: 56px;
text-align: center; #fuse-splash-screen .logo img {
border-radius: 2px; filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.2))
background-color: #039BE5;
color: #FFFFFF;
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.22);
} }
#fuse-splash-screen .spinner-wrapper { #fuse-splash-screen .spinner-wrapper {
@ -194,7 +189,7 @@
<div class="center"> <div class="center">
<div class="logo"> <div class="logo">
<span>F</span> <img width="128" src="assets/images/logos/fuse.svg">
</div> </div>
<!-- Material Design Spinner --> <!-- Material Design Spinner -->