florian/codiki-hexagonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Responsive styling of publication page.

Browse Source
This commit is contained in:
Florian THIERRY
2024-06-12 13:19:08 +02:00
parent 00d49d5fa4
commit 8e9440a104
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/app/pages/publication/publication.component.scss
View File

@@ -9,13 +9,26 @@ $cardBorderRadius: .5em;
flex-direction: column; flex-direction: column;
margin: 1em; margin: 1em;
max-width: 80em; max-width: 80em;
width: 90%;
border-radius: .5em; border-radius: .5em;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
img { img {
height: 25em; height: 12em;
object-fit: cover; object-fit: cover;
border-radius: $cardBorderRadius $cardBorderRadius 0 0; border-radius: $cardBorderRadius $cardBorderRadius 0 0;
@media screen and (min-width: 450px) {
height: 15em;
}
@media screen and (min-width: 600px) {
height: 20em;
}
@media screen and (min-width: 750px) {
height: 25em;
}
} }
header { header {
@@ -38,6 +51,7 @@ $cardBorderRadius: .5em;
border-top: 1px solid #dddddd; border-top: 1px solid #dddddd;
margin: 0 2em 2em 2em; margin: 0 2em 2em 2em;
padding-top: 2em; padding-top: 2em;
text-align: justify;
} }
footer { footer {