今のCSSをtailwindぽく頑張って修正する

[copetit]

やること

今はcss直書きなのでtailwindを使う

参考URL

[copetit]

やったこと

• できるだけtailwindの@applyを利用するように修正
• classNameとして使えるのはMap.tsxファイルに移動
• tailwind.config.jsに必要なセッティングを追加
• infowindowの❌表示を少し大きめに修正

バグ？発見

• mini profileのinfowindowのためにgoogleのデフォルトを色々変えたら、既存のものが崩れました。これは別途issueを立てるかですね。。なんかうまく区別できないかな。classNameとか貼りたいけど、、そのようなoptionはなさそう。 https://react-google-maps-api-docs.netlify.app/#infowindow

確認方法

• http://localhost:3000/wau を確認し、崩れがないか確認。infowindowも確認
• こうして欲しいものがあるか

[shhwan]

確認しました。

崩れと動作

崩れも動作も 両方問題ありませんでした

こうして欲しいものがあるか

現在は特にないですが、やはり自分も既存のものが崩れたのが気になりますね。

googleのデフォルトを色々変えたら、既存のものが崩れました

みたかぎり、結局同じmini profileですので、両方を合わせる形で変えるしかなさそうです、、 Defaultのものはそのまま、Customだけ変えるものはないみたいです。 合わせて変えるのは大変？時間がかかりそうですので別チケットの方が良さそうです。