Login.tsx 1004 Bytes
Newer Older
1
import React from "react";
Jiwon Yoon's avatar
Jiwon Yoon committed
2

3
// type LoginProps = {
Jiwon Yoon's avatar
Jiwon Yoon committed
4

5
6
7
// };

export const Login = () => (
Lee SeoYeon's avatar
Lee SeoYeon committed
8
9
10
11
12
13
14
15
16
17
18
  <div className="flex justify-center mt-3">
    <div className="text-slate-300 text-xl font-bold">
      <label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
        이메일
      </label>
      <input
        className="shadow appearance-none border rounded  py-2 px-3 text-gray-70"
        id="email"
        type="email"
        placeholder="이메일을 입력하세요"
      />
Jiwon Yoon's avatar
Jiwon Yoon committed
19

Lee SeoYeon's avatar
Lee SeoYeon committed
20
21
22
23
24
25
26
27
28
      <label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
        비밀번호
      </label>
      <input
        className="shadow appearance-none border rounded py-2 px-3 text-gray-70"
        id="username"
        type="password"
        placeholder="비밀번호를 입력하세요"
      />
29
30
31
32
      <div className="text-center">
        <button className="bg-themeColor text-white border rounded w-100 py-2 px-3 mt-3">
          로그인
        </button>
Lee SeoYeon's avatar
Lee SeoYeon committed
33
      </div>
Jiwon Yoon's avatar
Jiwon Yoon committed
34
    </div>
Lee SeoYeon's avatar
Lee SeoYeon committed
35
  </div>
36
);