refactor: new mobile layout

This commit is contained in:
Tristan Yang
2023-02-16 08:48:45 +08:00
parent 26e54e10fe
commit 0b07bbf440
33 changed files with 174 additions and 66 deletions
@@ -76,7 +76,7 @@ const CreateAPIKeyModal = ({ closeModal, uid }: Props) => {
</div>
: <form ref={formRef} className="w-full flex flex-col gap-2 items-center" action="/">
<div className="flex flex-col gap-1 w-full">
<label htmlFor={"name"} className="text-sm text-[#6b7280]">Name</label>
<label htmlFor={"name"} className="text-sm text-gray-500">Name</label>
<Input name={"name"} required placeholder='Please input API Key name'></Input>
</div>
</form>}
+2 -2
View File
@@ -79,11 +79,11 @@ const CreateModal = ({ closeModal }: Props) => {
>
<form ref={formRef} className="w-full flex flex-col gap-2" action="/">
<div className="flex flex-col items-start gap-1 w-full">
<label htmlFor={"name"} className="text-sm text-[#6b7280]">Name</label>
<label htmlFor={"name"} className="text-sm text-gray-500">Name</label>
<Input name={"name"} required placeholder='Please input bot name'></Input>
</div>
<div className="flex flex-col items-start gap-1 w-full">
<label htmlFor={"webhook_url"} className="text-sm text-[#6b7280]">Webhook URL (Optional)</label>
<label htmlFor={"webhook_url"} className="text-sm text-gray-500">Webhook URL (Optional)</label>
<Input name={"webhook_url"} type="url" placeholder='Please input webhook url'></Input>
</div>
</form>
@@ -58,7 +58,7 @@ const WebhookModal = ({ uid, webhook, closeModal }: Props) => {
}
>
<form ref={formRef} className="w-full flex flex-col gap-2" action="/">
<label htmlFor={"webhook"} className="text-sm text-[#6b7280]">Webhook URL</label>
<label htmlFor={"webhook"} className="text-sm text-gray-500">Webhook URL</label>
<Input name={"webhook"} value={url} onChange={handleUrlChange} type="url"></Input>
</form>
</StyledModal>