style: fix some responsive styling
This commit is contained in:
parent
349c9030d2
commit
e4840f9b76
@ -80,7 +80,7 @@ export function DetailsPage(props) {
|
|||||||
))}
|
))}
|
||||||
</Tabs>}
|
</Tabs>}
|
||||||
/>
|
/>
|
||||||
<div style={{margin: 24}}>
|
<div className={'page-content'}>
|
||||||
<Card bordered={false}>
|
<Card bordered={false}>
|
||||||
{(get(items, [currentTabIndex, 'views'])||[]).map(view => {
|
{(get(items, [currentTabIndex, 'views'])||[]).map(view => {
|
||||||
let viewName: string;
|
let viewName: string;
|
||||||
|
@ -64,4 +64,11 @@ body.collapsed {
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 800px) {
|
||||||
|
.details-page {
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
@ -13,7 +13,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 800px) {
|
@media only screen and (max-width: 800px) {
|
||||||
.page-content {
|
#content .page-content {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user