Update style.css

This commit is contained in:
linguist
2021-01-03 18:54:43 +01:00
parent 02d3e26e83
commit 97c28b88fc

View File

@@ -35,7 +35,7 @@
nav { nav {
display: flex; display: flex;
border-bottom: 1px solid var(--color-border-secondary); border-bottom: 1px solid var(--color-border-secondary);
overflow: auto; flex-shrink: 0;
} }
nav .tab { nav .tab {
flex-shrink: 0; flex-shrink: 0;
@@ -55,6 +55,7 @@
nav .tab.disabled { nav .tab.disabled {
opacity: .5; opacity: .5;
cursor: not-allowed; cursor: not-allowed;
pointer-events: none;
} }
nav .tab svg { nav .tab svg {
fill: currentColor; fill: currentColor;
@@ -77,7 +78,7 @@
flex-direction: column; flex-direction: column;
} }
.left, .right { .left, .right {
margin: 0 8px; margin: 0 8px 16px;
} }
.left { .left {
flex-shrink: 0; flex-shrink: 0;
@@ -99,6 +100,7 @@
.left .scrollable { .left .scrollable {
flex-grow: 1; flex-grow: 1;
overflow: auto; overflow: auto;
margin-bottom: 1rem;
} }
.right { .right {
flex-grow: 1; flex-grow: 1;
@@ -114,6 +116,7 @@
display: none; display: none;
justify-content: center; justify-content: center;
margin-top: -20%; margin-top: -20%;
z-index: 888;
} }
.avatar div { .avatar div {
width: 50%; width: 50%;
@@ -273,7 +276,7 @@
} }
/* Media screen */ /* Media screen */
@media only screen and (min-width: 860px) { @media only screen and (min-width: 700px) {
.left, .right { .left, .right {
height: 75%; height: 75%;
width: 0%; width: 0%;