diff --git a/src/app/app.component.html b/src/app/app.component.html index 2fec937..ca4f878 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,6 +1,7 @@
+ {{title}}
diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 0461874..62752fc 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -12,6 +12,10 @@ $header-height: 60px; height: $header-height; background-color: #4054b2; color: white; + .logo{ + height: 26px; + margin-right: 2px; + } } .body { @@ -56,6 +60,18 @@ $header-height: 60px; } .right-part { flex: 1; + position: relative; + &::after{ + content: ""; + background:url(../assets/watermark.png) no-repeat; + opacity: 0.1; + top: 25%; + left: 35%; + bottom: 0; + right: 0; + position: absolute; + background-size: 350px; + } } } .cli { diff --git a/src/app/app.component.ts b/src/app/app.component.ts index c9abbd2..1dcfd57 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -42,7 +42,7 @@ const getNewPage = () => ({ styleUrls: ['./app.component.scss'] }) export class AppComponent implements OnInit { - title = 'REDIS MANAGER GUI TOOLS'; + title = 'Easy Redis Manager'; instances$: Observable = null; currentPage$: Observable = null; cli$: Observable = null; diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000..7cac1af Binary files /dev/null and b/src/assets/logo.png differ diff --git a/src/assets/watermark.png b/src/assets/watermark.png new file mode 100644 index 0000000..d51a447 Binary files /dev/null and b/src/assets/watermark.png differ diff --git a/src/favicon.ico b/src/favicon.ico index 8081c7c..1acd3cf 100644 Binary files a/src/favicon.ico and b/src/favicon.ico differ diff --git a/src/index.html b/src/index.html index 1a03f5a..e1f6681 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - Redis Manager Gui Tools + Easy Redis Manager