Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

メンバー一覧ページの背景を作りました #186

Merged
merged 3 commits into from
Jun 11, 2023

Conversation

fukurorin219
Copy link
Contributor

@fukurorin219 fukurorin219 commented Apr 8, 2023

what

メンバー一覧ページを、seedsの目標「情報局の繋がりを強くする」に則り、デザインを一新する。
デザインを新しくする一貫として背景を楽しそうにした。

why

seedsの目標「情報局の繋がりを強くする」ために、メンバーページをみんなにたくさん見てもらえるようなデザインに変えたかったから

how

デザインはfigmaで作った。かわいいデザインとモーションを追加することで、楽しげなページにすることで、情報局のみんなにたくさん見てもらうようにした。
https://qiita.com/degudegu2510/items/9682968a045b168f89c2
↑のサイトを参考にコードを書いた
UsersBackgroundAnimationを作った。
以前、いまいまいがRecord追加時のアニメーションでtsparticlesをインストールしていたので、今回インストール作業はしていない。

test

  • user画面でオレンジ色の水滴が落ちてるモーションができているか確認してください
  • また、user画面だけが背景の色が白色になっていることを確認して下さい

@YushiroDodo63
Copy link
Collaborator

#156 の対応をしました

Copy link
Collaborator

@YushiroDodo63 YushiroDodo63 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

2ヶ所だけ微修正お願いします!
本質的には問題ないので、Approveします!

@@ -1,3 +1,4 @@
import { relative } from 'path';
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

これは削除していいかも!

);
}
};
console.log(props.users)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ついでにこれも削除していいかも!

@YushiroDodo63 YushiroDodo63 merged commit afd759f into develop Jun 11, 2023
@YushiroDodo63 YushiroDodo63 deleted the feature/rin/150-create-each-member-button branch June 11, 2023 05:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants