45 lines
781 B
SCSS
45 lines
781 B
SCSS
// ここから下タブバーの実装
|
|
|
|
//投稿ボタン
|
|
.columns-area__panels__main .button.bottom_right {
|
|
position: fixed;
|
|
right: 18px;
|
|
bottom: 65px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 64px;
|
|
height: 64px;
|
|
font-size: 24px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.tab-ber-bottom .navber {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (max-width: 630px) {
|
|
.tab-ber-bottom .timeline{
|
|
width:100%;
|
|
height: calc(100% - 55px);
|
|
margin: 0 0 50px 0;
|
|
}
|
|
|
|
.tab-ber-bottom .navber{
|
|
display: flex;
|
|
width:100%;
|
|
bottom: 0;
|
|
position: fixed;
|
|
}
|
|
|
|
.tab-ber-bottom .navber .tabs-bar__wrapper{
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.columns-area__panels__pane-tab-ber{
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
//ここまで下タブバーの実装 |