mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-26 02:23:43 +03:00
Basic responsiveness
This commit is contained in:
parent
0f1348da99
commit
f64d4180a6
|
@ -1,6 +1,12 @@
|
|||
@import '../../common/styles/variables';
|
||||
@import '../../common/styles/share-link';
|
||||
|
||||
:host {
|
||||
padding-bottom: 100px;
|
||||
display: block;
|
||||
border-bottom: 2px solid rgba(127, 127, 127, 0.25);
|
||||
}
|
||||
|
||||
responses-list, params-list {
|
||||
display: block;
|
||||
}
|
||||
|
@ -71,6 +77,7 @@ responses-list, params-list {
|
|||
color: $sample-panel-color;
|
||||
width: 40%;
|
||||
padding: 10px 20px;
|
||||
background: $samples-panel-bg-color;
|
||||
}
|
||||
|
||||
responses-samples {
|
||||
|
@ -128,3 +135,21 @@ responses-samples {
|
|||
.http-method.head {
|
||||
background-color: darkkhaki;
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.methods:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.method-samples, .method-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.method-samples {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
:host {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,12 +1,6 @@
|
|||
@import '../../common/styles/variables';
|
||||
@import '../../common/styles/share-link';
|
||||
|
||||
method {
|
||||
padding-bottom: 100px;
|
||||
display: block;
|
||||
border-bottom: 2px solid rgba(127, 127, 127, 0.25);
|
||||
}
|
||||
|
||||
.tag-info {
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
|
@ -39,3 +33,9 @@ method {
|
|||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.methods:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user