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 @@
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