起きたこと
Vuetifyの検索Boxを使用するとデザインがずれてしまう。
対策
resources/css/app.css
の一番上の@tailwind base;を消すとズレは治りました。
resources/css/app.css
// 削除
// @tailwind base;
@tailwind components;
@tailwind utilities;
少し問題も
これでデザインのずれは治りましたが他の場所で所々cssが消えてしまうところがあるのでそこを手動で直す必要がありました。他にもあるかもしれないので適宜直す必要があるかもしれません。
例:
a {
text-decoration: none;
}
li {
list-style: none;
}
まとめ
正直あまりいい方法ではないような気がしますが、調べても出てこなかったのでとりあえずこれで我慢するしかないのかなと思います。