Keep architecture direction explicit on narrow screens
This commit is contained in:
+10
-7
@@ -1390,22 +1390,25 @@ main .source-line {
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
.architecture-flow {
|
.architecture-flow {
|
||||||
flex-wrap: wrap;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 5px 4px;
|
gap: 7px;
|
||||||
}
|
}
|
||||||
.flow-node {
|
.flow-node {
|
||||||
flex: 0 0 26%;
|
flex: none;
|
||||||
padding: 9px 3px;
|
width: 100%;
|
||||||
|
padding: 8px 10px;
|
||||||
}
|
}
|
||||||
.flow-node strong {
|
.flow-node strong {
|
||||||
font-size: 10px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
.flow-node small {
|
.flow-node small {
|
||||||
font-size: 8px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
.architecture-flow .flow-arrow {
|
.architecture-flow .flow-arrow {
|
||||||
font-size: 12px;
|
font-size: 15px;
|
||||||
|
line-height: 1;
|
||||||
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
.architecture-detail {
|
.architecture-detail {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|||||||
Reference in New Issue
Block a user