diff --git a/src/app/theme/theme.constants.js b/src/app/theme/theme.constants.js
index e1edcc3..5caa0d1 100644
--- a/src/app/theme/theme.constants.js
+++ b/src/app/theme/theme.constants.js
@@ -7,7 +7,7 @@
var IMAGES_ROOT = 'assets/img/';
- var blurTheme = false;
+ var blurTheme = true;
var basic = {
default: 'rgba(#000000, 0.2)',
diff --git a/src/assets/img/app/my-app-logo.png b/src/assets/img/app/my-app-logo.png
index 1330932..fa9b415 100644
Binary files a/src/assets/img/app/my-app-logo.png and b/src/assets/img/app/my-app-logo.png differ
diff --git a/src/sass/theme/dashboard/_popularApp.scss b/src/sass/theme/dashboard/_popularApp.scss
index cb9377d..067594a 100644
--- a/src/sass/theme/dashboard/_popularApp.scss
+++ b/src/sass/theme/dashboard/_popularApp.scss
@@ -3,26 +3,33 @@
padding: 0;
}
- .popular-app-img {
+ .popular-app-img-container {
position: relative;
padding: 30px 0;
height: 260px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
- background: rgba(0, 0, 0, 0.5);
- img {
- max-width: 85%;
+ //background: rgba(0, 0, 0, 0.5);
+ .popular-app-img {
+ width: 260px;
position: absolute;
transform: translateY(-50%) translate(-50%);
top: 50%;
left: 50%;
+
+ .logo-text {
+ display: inline-block;
+ margin: 10px;
+ font-size: 26px;
+ color: $default-text;
+ }
}
}
.popular-app-cost {
font-size: 20px;
padding: 20px 22px;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
+ border-bottom: 1px solid $border-light;
+ border-top: 1px solid $border-light;
}
.popular-app-info {
padding: 20px 22px;