Ver Fonte

padding ressources

ouidade há 2 semanas atrás
pai
commit
af12b627e6

+ 3 - 4
web/themes/custom/reha/dist/css/bundle.css

@@ -3021,8 +3021,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-bottom: 0 !important;
 }
 .page-ressources .view-ressources .views-row {
-  width: 28%;
-  padding: 1rem;
+  width: 30%;
   display: flex !important;
   flex-direction: column;
   background-color: rgb(255, 255, 255);
@@ -3044,7 +3043,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   width: auto;
   margin: auto;
   margin-left: auto;
-  height: 15rem;
+  height: 12rem;
   margin-left: 0;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image {
@@ -3058,7 +3057,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .image-ressource .field--name-field-image .field__items .field__item img {
   height: 100%;
-  object-fit: contain;
+  object-fit: cover;
   max-width: 100%;
 }
 .page-ressources .view-ressources .views-row .node-type-ressource .body-content {

+ 4 - 4
web/themes/custom/reha/scss/pages/_ressources.scss

@@ -73,8 +73,8 @@
             padding-bottom: 0 !important;
         }
         .views-row{
-            width: 28%;
-            padding: 1rem;
+            width: 30%;
+            // padding: 1rem;
             display: flex !important;
             flex-direction: column;
             background-color: $white-button;
@@ -94,7 +94,7 @@
                     width: auto;
                     margin: auto;
                     margin-left: auto;
-                    height: 15rem;
+                    height: 12rem;
                     margin-left: 0;
                     .field--name-field-image{
                         height: 100%;
@@ -104,7 +104,7 @@
                                 height: 100%;
                                 img{
                                     height: 100%;
-                                    object-fit: contain;
+                                    object-fit: cover;
                                     max-width: 100%;
                                 }
                             }