Fixing tile preview

This commit is contained in:
Moutonjr Geoff 2021-03-05 09:26:15 +01:00
parent d8d84f604a
commit 79b1154104
2 changed files with 10 additions and 9 deletions

View File

@ -783,8 +783,9 @@ a.back-to-top:hover, a.back-to-top:focus {
#portfolios .mix { #portfolios .mix {
padding: 4px; padding: 4px;
margin: 0px; margin: 4px;
height: 200px; height: 200px;
background: #dddddd1c;
} }
#portfolios .portfolio-item { #portfolios .portfolio-item {
@ -833,12 +834,12 @@ a.back-to-top:hover, a.back-to-top:focus {
.shot-item { .shot-item {
margin-right: 15px; margin-right: 15px;
border-radius: 4px; border-radius: 4px;
background: #ddd;
position: relative; position: relative;
} }
.shot-item img { .shot-item img {
width: 100%; width: 100%;
background-color: #ddd0;
} }
.shot-item .overlay { .shot-item .overlay {
@ -862,19 +863,19 @@ a.back-to-top:hover, a.back-to-top:focus {
} }
.overlay .icons i { .overlay .icons i {
height: 42px; height: 20px;
width: 42px; width: 20px;
line-height: 42px; line-height: 20px;
color: #00b4d9; color: #00b4d9;
left: 50%; left: 50%;
margin-left: -24px; margin-left: -16px;
margin-top: -24px; margin-top: -9px;
top: 50%; top: 50%;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
font-size: 20px; font-size: 13px;
-webkit-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;

View File

@ -284,7 +284,7 @@
<span class="score-dot {{dotnodot(skill.score,5)}}"></span> <span class="score-dot {{dotnodot(skill.score,5)}}"></span>
</div> </div>
</div>--> </div>-->
<div class="embed-responsive-1by1 col-xs-3 col-sm-3 col-md-2 col-lg-2 col-xl-2 mix {{ skill.tags }}"> <div class="embed-responsive-1by1 col-xs-2 col-sm-2 col-md-1 col-lg-1 col-xl-1 mix {{ skill.tags }}">
<div class="text-center portfolio-item"> <div class="text-center portfolio-item">
<div class="shot-item"> <div class="shot-item">
<img src="{{ skill.logo }}" alt="" /> <img src="{{ skill.logo }}" alt="" />