rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-18 12:54:27 +01:00
Code Issues Releases Activity

fix images' size and ratio

Browse Source
This commit is contained in:
vincent 2021-11-24 18:47:07 +01:00
parent b74570c778
commit 54cb9ab152
4 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/frontend/src/stylesheets/app.components.scss
View File

@ -243,8 +243,10 @@
&.picture {
height: 250px;
background-size: cover;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
@include transition(opacity 0.5s ease);

2
app/frontend/src/stylesheets/application.scss
View File

@ -70,3 +70,5 @@
@import "modules/subscriptions/renew-modal";
@import "app.responsive";
@import "overrides"

4
app/frontend/src/stylesheets/modules/machines/machine-card.scss
View File

@ -51,13 +51,13 @@
.machine-picture {
height: 250px;
background-size: cover;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: opacity 0.5s ease;
cursor: pointer;
padding: 0;
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
border-bottom: 1px solid transparent;
border-top-left-radius: 5px;

9
app/frontend/src/stylesheets/overrides.scss Normal file
View File

@ -0,0 +1,9 @@
.carousel {
&-inner {
aspect-ratio: 16/9;
}
&-inner > .item {
height: 100%;
}
}