Shunkicreate / busdes-kic-web

https://busdes-kic.vercel.app
3 stars 0 forks source link

バス停名省略・タップで表示・その他レイアウト修正 #83

Closed YukaChoco closed 1 year ago

YukaChoco commented 1 year ago

一旦ユーザに気付いてもらうデザイン等は置いといて、 ・バス停名を2行までで省略 ・バスカードのヘッダー部分をタップで全文表示 ・フッターのアイコン画追加 ・多少のパディング等の修正 まで作りました。 横にスクロール等の案もありましたが、そんなに全文表示する人おらんだろうということで、カードのサイズ変わってもタップでカードが伸びて見れればよいかなと思ってそんな感じの実装にしてます。(やってて気づいたのは、カードのサイズがーとか言ってたけど、そもそも接近中のバスがなかった場合普通にカードのサイズ変わってました笑)

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
busdes-kic-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 17, 2023 2:16pm
YukaChoco commented 1 year ago

@Shunkicreate

NITS この関数はめっちゃいいと思う!一つ提案をするとすればここをelseでなくてelse ifにしてmodeを明示する方法もいいかも.ただ,そうしたら返り値の型推論がめんどくさくなるからまあいいとこ悪いとこあるけど.

なるほどです?試してみますっていうのといいとこ悪いとこがよくわからないので詳しく教えてください!型推論はわかる気がします。

imo 4remならmin-h-16の方がtailwind的統一感があっていいと思う.

これなんですけど、それでやったらうまく動かなくてなんでだろう?と思ったらmin-hって16用意されてなかったんですよね、、、意味取り違えてたら訂正お願いします! https://tailwindcss.com/docs/min-width

imo 二重で同じ処理を書いていたので,ちょっと書き方考えてみました.

うわあなるほど、きれいですね涙 変更します!