beenull/Heimdall
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make the tiles a bit smaller

Browse source
This commit is contained in:
KodeStar 2018-02-04 15:40:01 +00:00
parent 3a3014ff8c
commit ad1b669d27
3 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
public/css/app.css vendored
View file

@ -483,17 +483,17 @@ body {
}
.item {
width: 300px;
height: 130px;
width: 280px;
height: 90px;
margin: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.25)));
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
border-radius: 6px;
padding: 20px;
padding-right: 80px;
padding: 15px;
padding-right: 55px;
-webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
color: white;
@ -513,12 +513,12 @@ body {
.item:after {
content: "";
position: absolute;
width: 130px;
height: 134px;
width: 90px;
height: 90px;
border-radius: 50%;
position: absolute;
right: -78px;
top: -2px;
right: -48px;
top: 0px;
background: rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.2);
@ -531,7 +531,7 @@ body {
height: 100%;
width: 52px;
text-align: center;
line-height: 134px;
line-height: 90px;
color: white;
font-size: 24px;
z-index: 1;

2
public/mix-manifest.json
View file

@ -1,4 +1,4 @@
{
"/css/app.css": "/css/app.css?id=c964ba5defde2ec4a157",
"/css/app.css": "/css/app.css?id=2edca3a26209c37ea9d2",
"/js/app.js": "/js/app.js?id=aa9e426dc7b92d42d3b2"
}

20
resources/assets/sass/_app.scss vendored
View file

@ -203,14 +203,14 @@ body {
}
}
.item {
width: 300px;
height: 130px;
width: 280px;
height: 90px;
margin: 20px;
flex: 0 0 300px;
flex: 0 0 280px;
background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.25));
border-radius: 6px;
padding: 20px;
padding-right: 80px;
padding: 15px;
padding-right: 55px;
//border: 2px solid rgba(0,0,0,0.4);
box-shadow: 0 0 20px 2px rgba(0,0,0,0.3);
color: white;
@ -223,12 +223,12 @@ body {
&:after {
content: "";
position: absolute;
width: 130px;
height: 134px;
width: 90px;
height: 90px;
border-radius: 50%;
position: absolute;
right: -78px;
top: -2px;
right: -48px;
top: 0px;
background: rgba(255,255,255,0.1);
box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);
}
@ -239,7 +239,7 @@ body {
height: 100%;
width: 52px;
text-align: center;
line-height: 134px;
line-height: 90px;
color: white;
font-size: 24px;
z-index: 1;