非ログイン時に検索欄がズレていたのを修正 (#5883)
* 非ログイン時に検索欄がズレていたのを修正 * flexboxを用いてセンタリングを行うように変更
This commit is contained in:
parent
482afa93a2
commit
851dececab
|
@ -697,6 +697,8 @@ export default Vue.extend({
|
||||||
> .sub {
|
> .sub {
|
||||||
$post-button-size: 42px;
|
$post-button-size: 42px;
|
||||||
$post-button-margin: (($header-height - $post-button-size) / 2);
|
$post-button-margin: (($header-height - $post-button-size) / 2);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 16px;
|
right: 16px;
|
||||||
|
@ -736,7 +738,7 @@ export default Vue.extend({
|
||||||
> .post {
|
> .post {
|
||||||
width: $post-button-size;
|
width: $post-button-size;
|
||||||
height: $post-button-size;
|
height: $post-button-size;
|
||||||
margin: $post-button-margin 0 $post-button-margin $post-button-margin;
|
margin-left: $post-button-margin;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue