非ログイン時に検索欄がズレていたのを修正 (#5883)

* 非ログイン時に検索欄がズレていたのを修正

* flexboxを用いてセンタリングを行うように変更
This commit is contained in:
fuyu 2020-02-09 03:42:18 +09:00 committed by GitHub
parent 482afa93a2
commit 851dececab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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;
} }