fix:シングルカラムで崩れる問題

This commit is contained in:
YoheiZuho 2023-07-02 08:09:04 +00:00
parent 169b80234e
commit 4fe20bae9c
2 changed files with 29 additions and 12 deletions

View File

@ -164,6 +164,12 @@ export default class ColumnsArea extends ImmutablePureComponent {
<TabsBar key='tabs' /> <TabsBar key='tabs' />
</div> </div>
<div className='columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational'>
<div className='columns-area__panels__pane__inner'>
<NavigationPanel />
</div>
</div>
</div> </div>
); );
} else { } else {

View File

@ -14,6 +14,11 @@
border-radius: 50%; border-radius: 50%;
} }
.tab-ber-bottom .navber {
display: none;
}
@media screen and (max-width: 630px) {
.tab-ber-bottom .timeline{ .tab-ber-bottom .timeline{
width:100%; width:100%;
height: calc(100% - 55px); height: calc(100% - 55px);
@ -21,6 +26,7 @@
} }
.tab-ber-bottom .navber{ .tab-ber-bottom .navber{
display: flex;
width:100%; width:100%;
bottom: 0; bottom: 0;
position: fixed; position: fixed;
@ -31,4 +37,9 @@
width: 100%; width: 100%;
} }
.columns-area__panels__pane--navigational{
display: none;
}
}
//ここまで下タブバーの実装 //ここまで下タブバーの実装