feat: inactive contacts hidden in sidebar
This commit is contained in:
parent
f75260c079
commit
b079001cc5
7 changed files with 123 additions and 58 deletions
|
|
@ -8,7 +8,7 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
|
|||
|
||||
body {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -35,6 +35,7 @@ section#content {
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@media only screen and (max-width: 650px) {
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -44,6 +45,8 @@ section#content {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-right: 1em;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
@media only screen and (max-width: 650px) {
|
||||
position: absolute;
|
||||
float: left;
|
||||
|
|
@ -58,7 +61,7 @@ section#content {
|
|||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
& > ul {
|
||||
flex: 1;
|
||||
width: fit-content;
|
||||
background-color: var(--main-bg-color);
|
||||
|
|
@ -79,12 +82,17 @@ section#content {
|
|||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.inactive {
|
||||
font-size: small;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue