Project list responsive

This commit is contained in:
Alexandre Bourlier
2018-04-26 02:36:18 +02:00
parent 912a134036
commit 96e227c0f3
3 changed files with 33 additions and 2 deletions

View File

@ -55,7 +55,7 @@
}
%td {
padding: .75rem;
padding: .65rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}

View File

@ -2,15 +2,29 @@
#projects-list {
display: flex;
flex-direction: column;
margin-top: 40px;
ldp-display {
@extend %td;
cursor: pointer;
display: flex;
align-items: center;
height: 65px;
&:hover {
font-weight: bold;
}
ldp-display-div[name="number"] {
width: 50px;
}
ldp-display-client[name="client"] {
&, img {
width: 50px;
}
}
ldp-display-div[name="name"] {
width: 150px;
}