setop/agenda_culturel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Amélioration rendu écrans intermédiaires

Browse Source 
Fix #113
This commit is contained in:
Jean-Marie Favreau 2024-12-27 16:42:15 +01:00
parent 2f0c0c6f0b
commit 789a53d2e5
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/agenda_culturel/static/style.scss
View File

@ -298,15 +298,7 @@ svg {
width: 100%; width: 100%;
padding: 0.3em; padding: 0.3em;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
} float: right;
@media only screen and (min-width: 550px) {
.illustration {
width: 40%;
float: right;
margin: 0 0 0.5em .5em;
}
} }
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
@ -1410,17 +1402,28 @@ img.preview {
top: 0; top: 0;
z-index: 10; z-index: 10;
} }
@media only screen and (min-width: 600px) {
.single-event, .tag-description {
display: grid;
grid-template-columns: 60% auto;
grid-column-gap: 1em;
}
header {
grid-column: 1 / 3;
}
}
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.resume { .resume {
column-count: 4; column-count: 4;
} }
.single-event, .tag-description { .single-event, .tag-description {
display: grid;
grid-template-columns: 30% auto 14em; grid-template-columns: 30% auto 14em;
grid-column-gap: 1em;
header { header {
margin: 0; margin: 0;
grid-column: 1 / 2;
} }
.illustration { .illustration {
width: auto; width: auto;