jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(dashboard): fix popular app control

pull/46/head
kostya.danovsky 2016-05-11 21:11:22 +03:00
parent 1a9329b86b
commit 5322ca6740
4 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/pages/dashboard/popularApp/popularApp.html
View File

@ -1,5 +1,8 @@
<div class="popular-app-img"> <div class="popular-app-img-container">
<img ng-src="{{::( 'app/my-app-logo.png' | appImage )}}"/> <div class="popular-app-img">
<img ng-src="{{::( 'app/my-app-logo.png' | appImage )}}"/>
<span class="logo-text">Super&nbspApp</span>
</div>
</div> </div>
<div class="popular-app-cost row"> <div class="popular-app-cost row">
<div class="col-xs-9"> <div class="col-xs-9">

2
src/app/theme/theme.constants.js
View File

@ -7,7 +7,7 @@
var IMAGES_ROOT = 'assets/img/'; var IMAGES_ROOT = 'assets/img/';
var blurTheme = false; var blurTheme = true;
var basic = { var basic = {
default: 'rgba(#000000, 0.2)', default: 'rgba(#000000, 0.2)',

BIN
src/assets/img/app/my-app-logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

19
src/sass/theme/dashboard/_popularApp.scss
View File

@ -3,26 +3,33 @@
padding: 0; padding: 0;
} }
.popular-app-img { .popular-app-img-container {
position: relative; position: relative;
padding: 30px 0; padding: 30px 0;
height: 260px; height: 260px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
background: rgba(0, 0, 0, 0.5); //background: rgba(0, 0, 0, 0.5);
img { .popular-app-img {
max-width: 85%; width: 260px;
position: absolute; position: absolute;
transform: translateY(-50%) translate(-50%); transform: translateY(-50%) translate(-50%);
top: 50%; top: 50%;
left: 50%; left: 50%;
.logo-text {
display: inline-block;
margin: 10px;
font-size: 26px;
color: $default-text;
}
} }
} }
.popular-app-cost { .popular-app-cost {
font-size: 20px; font-size: 20px;
padding: 20px 22px; padding: 20px 22px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid $border-light;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12); border-top: 1px solid $border-light;
} }
.popular-app-info { .popular-app-info {
padding: 20px 22px; padding: 20px 22px;