2
0
mirror of https://github.com/inventree/inventree-docs.git synced 2025-06-13 02:35:29 +00:00

Add a carousel for the app index page

This commit is contained in:
Oliver
2021-08-03 00:25:52 +10:00
parent d7ab4f2420
commit 715e9e8891
14 changed files with 154 additions and 117 deletions

View File

@ -6311,6 +6311,10 @@ html {
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
max-width: 100%;
max-height: 320px;
margin-left: auto;
margin-right: auto;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
@ -6388,23 +6392,13 @@ html {
filter: alpha(opacity=50);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
.carousel-control.leftxx {
left: 0;
right: auto;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {