feat: SkillItem にて、スキルアイコンを CDN から fetch して表示するよう実装

y4shiro / uma-card-deck-tools

uma-card-deck-tools.vercel.app

0 stars 0 forks source link

Closed y4shiro closed 2 years ago

y4shiro commented 2 years ago

vercel[bot] commented 2 years ago

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

Name	Status	Preview	Updated
uma-card-deck-tools	✅ Ready (Inspect)	Visit Preview	Nov 2, 2022 at 1:07PM (UTC)

y4shiro commented 2 years ago

カード名が長い場合、改行につられて CardItem の height が変化するケースがある

スクリーンショット 2022-11-02 21 16 26

デザインの大きな破綻は無いが、少し気になったので文字数を省略する処理入れたい

https://chakra-ui.com/docs/components/text#truncate-text Chakra UI では noOfLines プロパティが用意されているので適用する

y4shiro commented 2 years ago

サポカ名の Truncate を無事実装できた

スクリーンショット 2022-11-02 21 31 35

y4shiro commented 2 years ago

スマホ画面だと、SkillItem の文字サイズや余白が大きいので調整するスクリーンショット 2022-11-02 21 51 44

y4shiro commented 2 years ago

スマホ画面のフォントサイズ、アイコンサイズ、余白を調整した

スクリーンショット 2022-11-02 22 06 44

y4shiro commented 2 years ago

LGTM!