Skip to content
Snippets Groups Projects
Commit cfd21467 authored by Guilhem CARRON's avatar Guilhem CARRON
Browse files

Merge branch '168-design-bug-d-affichage-des-defis-sur-pc-portable-hp-windows-10-ecolyo' into 'dev'

Resolve "Design - Bug d'affichage des défis sur PC portable (HP, windows 10) Ecolyo"

Closes #168 and #149

See merge request web-et-numerique/llle_project/ecolyo!438
parents 7cd0fb3f 39e1fa00
Branches
No related tags found
2 merge requests!438Resolve "Design - Bug d'affichage des défis sur PC portable (HP, windows 10) Ecolyo",!435WIP: 1.4.0
...@@ -14,13 +14,15 @@ ...@@ -14,13 +14,15 @@
} }
.iconResult { .iconResult {
display: flex; display: flex;
}
.imgResult {
@media all and(max-height: 700px) { @media all and(max-height: 700px) {
width: 80%; width: 55%;
margin: auto; margin: auto;
} }
} }
.imgResult {
width: 100%;
height: 100%;
}
.labelResult { .labelResult {
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55)); filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55));
.challengeIcon { .challengeIcon {
@media all and(max-height: 700px) { @media all and(max-height: 700px) {
width: 70%; width: 60%;
margin: auto; margin: auto;
} }
} }
......
...@@ -21,17 +21,18 @@ ...@@ -21,17 +21,18 @@
margin: auto; margin: auto;
top: -1rem; top: -1rem;
background: rgba(27, 28, 34, 1); background: rgba(27, 28, 34, 1);
max-width: 190px; width: fit-content;
padding: 0 1rem;
max-width: 235px;
} }
.smallCard { .smallCard {
// outline: none;
border: none; border: none;
width: 100%; width: 100%;
background: linear-gradient(180deg, #323339 0%, #25262b 100%); background: linear-gradient(180deg, #323339 0%, #25262b 100%);
height: 24%; height: 24%;
max-height: 90px; max-height: 90px;
margin: 0.5rem 0; margin: 0.5rem 0;
padding: 9%; padding: 8%;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
border-radius: 4px; border-radius: 4px;
color: $grey-bright; color: $grey-bright;
...@@ -42,11 +43,11 @@ ...@@ -42,11 +43,11 @@
@media all and(max-height: 800px) { @media all and(max-height: 800px) {
max-height: 85px; max-height: 85px;
padding: 8%; padding: 6%;
} }
@media all and(max-height: 730px) { @media all and(max-height: 730px) {
max-height: 70px; max-height: 70px;
padding: 6%; padding: 3%;
} }
&.finished { &.finished {
border: 1px solid #7b7b7b; border: 1px solid #7b7b7b;
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
} }
.challengeIcon { .challengeIcon {
@media all and(max-height: 700px) { @media all and(max-height: 700px) {
width: 80%; width: 65%;
margin: auto; margin: auto;
} }
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment