売上帳の入力フォームのレイアウトを編集しました

2020年8月18日


売上帳の入力項目を増やしたので、入力フォームだけで画面いっぱいになり見にくくなってしまいましたのでどうにかしたいなと思っていました。

ひとつひとつの入力フォームが横幅いっぱいに広がっていたので、それを2列になるように編集しました。

このアプリはruby on railsで作っているのですが、Bootstrapというものを使っています。

テーブルの書き方はhtmlとは違うように感じました。いつものようにほとんどコピペで作っているので詳しいことはよくわかっていません。

その他にも、金額に区切りのカンマを表示したり、重複するコードがあったので整理したり

顧客詳細画面に、その顧客に紐づく売上を表示するようにしました。

少しずつですが、改良を重ねています。

こちらから、どんなものを作っているのか見ていただくことができます。

※読み込みにすごく時間がかかるときがあります。

http://sample-keiri.herokuapp.com/login

名前:samplekeiri

パスワード:password

でログインできます。

好きなように、登録、削除していただいて構いません。

売上帳

Posted by comyuo