responsive page /ressources

This commit is contained in:
2025-10-07 13:26:40 +02:00
parent fc9112e31e
commit b52522fa33
2 changed files with 62 additions and 1 deletions
@@ -24,18 +24,29 @@
height: fit-content;
max-height: 17rem;
padding-bottom: 5rem;
@media (max-width:450px){
display: flex;
flex-direction: column;
margin-bottom: 6rem;
}
&::before{
content: 'FILTRER :';
grid-column: 1;
grid-row: 1;
display: block;
line-height: 5;
@media (max-width:450px){
line-height: 3;
}
}
.form-item, .form-actions{
// margin: 1rem;
padding-bottom: 0.5rem;
align-self: end;
@media (max-width:450px){
align-self: auto;
}
}
.form-item-combine{
grid-column: 1 /span 8;
@@ -47,17 +58,25 @@
grid-column: 1 /span 4;
grid-row: 3;
width: 45%;
@media (max-width:450px){
width: 100%;
}
}
.form-item-field-themes-target-id{
grid-column: 3 /span 4;
grid-row: 3;
width: 45%;
@media (max-width:450px){
width: 100%;
}
}
.form-item-field-type-de-ressource-target-id{
width: 45%;
grid-column: 5 /span 6;
grid-row: 3;
@media (max-width:450px){
width: 100%;
}
}
.form-select{
@@ -92,6 +111,10 @@
transform: scale(1.05);
transition: 0.3s transform ease, 0.3s box-shadow ease;
}
@media (max-width:450px){
width: 100%;
margin-bottom: 3rem;
}
.node-type-ressource{
width: 100%;
// margin: auto;