From b377d99c66c31459f8bb663705f6681c25bb2cb9 Mon Sep 17 00:00:00 2001 From: Sercan Yemen Date: Mon, 18 Sep 2017 10:47:08 +0300 Subject: [PATCH] new fuse logo --- .../vertical/navbar-vertical.component.html | 4 +- .../vertical/navbar-vertical.component.scss | 33 +- src/app/main/toolbar/toolbar.component.scss | 17 +- src/assets/images/logos/fuse.svg | 1127 +++++++++++++++++ src/favicon.ico | Bin 1150 -> 1150 bytes src/index.html | 17 +- 6 files changed, 1151 insertions(+), 47 deletions(-) create mode 100644 src/assets/images/logos/fuse.svg diff --git a/src/app/main/navbar/vertical/navbar-vertical.component.html b/src/app/main/navbar/vertical/navbar-vertical.component.html index 6979c893..96743792 100644 --- a/src/app/main/navbar/vertical/navbar-vertical.component.html +++ b/src/app/main/navbar/vertical/navbar-vertical.component.html @@ -1,7 +1,7 @@
@@ -15,6 +15,6 @@
-
+
diff --git a/src/app/main/navbar/vertical/navbar-vertical.component.scss b/src/app/main/navbar/vertical/navbar-vertical.component.scss index 28cea62d..7e9fd2bf 100644 --- a/src/app/main/navbar/vertical/navbar-vertical.component.scss +++ b/src/app/main/navbar/vertical/navbar-vertical.component.scss @@ -45,6 +45,7 @@ fuse-navbar-vertical { &.left-navbar { left: 0; } + &.right-navbar { right: 0; } @@ -55,13 +56,17 @@ fuse-navbar-vertical { max-width: 64px; .navbar-header { - padding: 0 16px 0 16px; + padding: 0 13px; + + .logo { + + .logo-text { + opacity: 0; + transition: opacity 200ms ease; + } + } } } - - &.folded-open { - - } } &.close { @@ -111,22 +116,14 @@ fuse-navbar-vertical { align-items: center; .logo-icon { - display: block; - 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; + width: 38px; } .logo-text { - margin-left: 16px; - font-size: 16px; + margin-left: 8px; + font-size: 20px; + font-weight: 300; + letter-spacing: 0.4px; } } } diff --git a/src/app/main/toolbar/toolbar.component.scss b/src/app/main/toolbar/toolbar.component.scss index a72695b5..2ec738a4 100644 --- a/src/app/main/toolbar/toolbar.component.scss +++ b/src/app/main/toolbar/toolbar.component.scss @@ -20,22 +20,7 @@ align-items: center; .logo-icon { - display: block; - 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; + width: 38px; } } diff --git a/src/assets/images/logos/fuse.svg b/src/assets/images/logos/fuse.svg new file mode 100644 index 00000000..bc463a74 --- /dev/null +++ b/src/assets/images/logos/fuse.svg @@ -0,0 +1,1127 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/src/favicon.ico b/src/favicon.ico index 159603ed009a4b24d3c54a6940d03df1c423ca18..6297f691952b183126f9bf6bedf074a2a080a864 100644 GIT binary patch literal 1150 zcma))ZAep57{?z;S}MLxckjG+cf03`5Pb>iTOaC!UkZsJ5=_)d2I(@J3NvxCB}Qtw z`LYxh(;^i~D$9wLsikHHLPZf3g_voWHhVE+ZufL<+rl-Z?&ZAP=lp;F=i#{rAc(wC zQ9x!MvV#FA0N6?f36Y2=P8I-iCJ*zB-`^Wf@i1dmgEftpR~^|APd0 zZ$;3d6R0;8e9K6Ys;NAgQ}pT?BHQgR4fs;QkCu42oFmZlHA34`9q)cv!n*8wrnU4S zM~xYkgxDTHNrA{n0dThfS9AhBRl>EuGO_O0r&ZH8vgzrLOojWRmTE6cR?{CWH0jkg zKab79(J)$qpeGN7&s$OJf>k3<38D6fV3aO9e97 z7O#iYn_M!~LD%!*W0vYs|My0O9X9moNg2xM%we^|24-=zn8Ei9jJ+yF69cd#$OG>J zJS4!aLLqL#z?rXQP>sVmO8ac3+9`P~)bft8V%G8C6odOuD4k7*V(jOWBCFxO5DKeyl;wj(T2vN_2x+3Ouf(@N9(|f3D~8BO{CLxioG~mg9y4(YPx!7L$6! z+l6cs>1pV=5y?ocmTwKn^~Hv;*TYRb#CPSKIH*^OgcS+v?j-Dpfx)C67xAz(A5qCj zZkRrYB9?8)Mm*M*Z9INns+#J{q;#XXbb4o6Y`S&7T-SY+n)0%1gtgr~$wmwmN_Qd_ z=KVcf#AjuuS};{>6GC+RP)J`sYbH5Yym{BLcRXz*Gx=}p>u`O&fL7mDqKaF3w(@=v zvl_@I{b7BZzdaV~c;`e3>-4hqy;98uQq3Db>-$0OuZ#5GHDqA^i}krm9&=V9V$Qz{n;5v-gHd RfV7ul(wU@@v=Sq+zW~@2PSpSa literal 1150 zcmZQzU<5(|0R|wcz>vYhz#zuJz@P!dKp~(AL>x#lFaYJy!T041K0tg1i2sv_L3+s5 z3$u$HdtrKU(*L1=ME}6e8!q}`{s7UWgaxub7@HjZr079bOOBn`^ux@7(a37>v0>`b aX?%JpkfS6IP?871dK(zgO9bNiAiV&jnaQ01 diff --git a/src/index.html b/src/index.html index af761476..3ad6af95 100644 --- a/src/index.html +++ b/src/index.html @@ -40,17 +40,12 @@ } #fuse-splash-screen .logo { - width: 96px; - height: 96px; - line-height: 96px; + width: 128px; margin: 0 auto; - font-family: Helvetica Neue, Helvetica, Arial, sans-serif; - font-size: 56px; - text-align: center; - border-radius: 2px; - background-color: #039BE5; - color: #FFFFFF; - box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.22); + } + + #fuse-splash-screen .logo img { + filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.2)) } #fuse-splash-screen .spinner-wrapper { @@ -194,7 +189,7 @@