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 159603ed..6297f691 100644 Binary files a/src/favicon.ico and b/src/favicon.ico differ 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 @@