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

画像のドラッグ&ドロップ対応 #384

Merged
merged 1 commit into from
Mar 12, 2024
Merged

画像のドラッグ&ドロップ対応 #384

merged 1 commit into from
Mar 12, 2024

Conversation

maekawataiki
Copy link
Collaborator

Issue #, if available:
#367

Description of changes:

  • 画像のドラッグ&ドロップ対応。

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

onDrop={handleDrop}
className="fixed bottom-0 left-0 right-0 top-0 z-40 bg-slate-300 p-10 text-center">
<div className="flex h-full w-full items-center justify-center outline-dashed">
<div className="font-bold">Drop Files to Upload</div>
Copy link
Contributor

Choose a reason for hiding this comment

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

日本語で構成されているアプリなので、こちらのメッセージも日本語の方が統一感があると思いました!
また、画像ファイルがアップロードできることがわかるメッセージだと親切かと思います。

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

日本語に修正しました。

<div
onDragLeave={handleDragLeave}
onDrop={handleDrop}
className="fixed bottom-0 left-0 right-0 top-0 z-40 bg-slate-300 p-10 text-center">
Copy link
Contributor

Choose a reason for hiding this comment

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

z-40にしている理由はありますか?
こちらは最前面に表示されるべきものだと思うので、z-[999]などのように極端な値を設定していた方が良いです(ぱっと見わかりやすいので)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

ありがとうございます。既存で z-20 まで使われていたので次に大きいものにしていましたが、z-[999] の方がいいですね。修正しました。

Copy link
Contributor

@wadabee wadabee left a comment

Choose a reason for hiding this comment

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

LGTM!!

@wadabee wadabee merged commit 8893f42 into main Mar 12, 2024
1 check passed
@wadabee wadabee deleted the feat/image-drop branch March 12, 2024 08:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants