search

traP-jp / yaranai_frontend

yaranaiのフロントエンドリポジトリ
3 stars 1 forks source link

Dashboard_design #7

Open Pugma opened 9 months ago

Pugma commented 9 months ago

ダッシュボードでのデザインをFigmaをもとに作り上げる 主にSCSSを書くことになりそう

oER4 commented 9 months ago

ダッシュボード全体の構成って解釈でok?

Pugma commented 9 months ago

そう、他のissueで制作される他のコンポーネントを並べるってこと 部品を組み立てて完成品を作る感じね

oER4 commented 9 months ago

これきょうでどこまで仕上げるのが目標ですか？ もしくは一旦APIの方の進捗を待つべきですか

Pugma commented 9 months ago

構成要素の配置を木曜中で考えていたので、そこまで急ぐ必要はないけど、そろそろデザイン取り掛かってもいいかもね

oER4 commented 9 months ago

デザインとりかかる上でライブラリに関して質問なんだけどVuetify3みたいなライブラリって何かしら導入してたっけ？

Pugma commented 9 months ago

vuetify3は導入してる

oER4 commented 9 months ago

正直サジェスチョンと未設定のタスクの表示の仕方を変えるタスクが残ってて、一番本質的なデザインができなさそう(そっちだけ横スクロールに変えたいから)

Pugma commented 9 months ago

そこは、CSSの属性セレクターを使うことでうまくできると思います 要素に持たせる属性を変数により置き換えることによって発火させるCSSコードを変えられるはずです

oER4 commented 9 months ago

基本figmaで設計したときのcssの値をひたすら引っ張ってきてコードにぶち込んで適応させる感じですかね? 多分そのままだと挙動おかしくなりそうだからそっから地獄の修正が待ち受けてそうだけど

oER4 commented 9 months ago

テキストの文言がfigmaの方と今のテストの方で微妙に違うけどfigma側に合わせちゃいますね