Skip to content

Commit

Permalink
Merge pull request #79 from rsinghcodes/development
Browse files Browse the repository at this point in the history 
Redesigned Input box UI of General Diary, Missing Report, Crime Report pages
  • Loading branch information
@madihamallick
madihamallick authored Apr 2, 2022
2 parents 0ab6c33 + 4008cd9 commit 2796623
Show file tree
Hide file tree
Showing 3 changed files with 72 additions and 40 deletions.
38 changes: 24 additions & 14 deletions pages/GeneralDiary/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,22 +23,32 @@ const generalDiary = () => {
POLICE STAFF LOGIN
</label>
<form method="#" action="#" className="mt-10">
<div>
<input
type="email"
placeholder="Enter Unique Identification No."
className="mt-1 block w-full border-none bg-gray-100 h-11 rounded-xl shadow-lg hover:bg-blue-100 focus:bg-blue-100 focus:ring-0"
/>
<div className="mt-4">
<label class="block text-sm font-medium text-gray-700">
Enter Unique Identification No.
</label>
<div class="mt-1 relative rounded-md shadow-sm">
<input
type="email"
class="focus:ring-blue-500 focus:border-blue-500 block w-full p-3 sm:text-sm border-gray-300 rounded-md"
placeholder="Enter Unique Identification No."
/>
</div>
{/* <strong class="text-red-500 text-xs">Unique Identification No field is required</strong> */}
</div>

<div className="mt-7">
<input
type="password"
placeholder="Enter Name"
className="mt-1 block w-full border-none bg-gray-100 h-11 rounded-xl shadow-lg hover:bg-blue-100 focus:bg-blue-100 focus:ring-0"
/>
<div className="mt-4">
<label class="block text-sm font-medium text-gray-700">
Enter Name
</label>
<div class="mt-1 relative rounded-md shadow-sm">
<input
type="password"
class="focus:ring-blue-500 focus:border-blue-500 block w-full p-3 sm:text-sm border-gray-300 rounded-md"
placeholder="Enter Name"
/>
</div>
{/* <strong class="text-red-500 text-xs">Name field is required</strong> */}
</div>

<div className="mt-7">
<button className="bg-blue-500 w-full py-3 rounded-xl text-white shadow-xl hover:shadow-inner focus:outline-none transition duration-500 ease-in-out transform hover:-translate-x hover:scale-105">
Login
Expand Down
37 changes: 24 additions & 13 deletions pages/Missing/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,20 +23,31 @@ const generalDiary = () => {
POLICE STAFF LOGIN
</label>
<form method="#" action="#" className="mt-10">
<div>
<input
type="email"
placeholder="Enter Unique Identification No."
className="mt-1 block w-full border-none bg-gray-100 h-11 rounded-xl shadow-lg hover:bg-blue-100 focus:bg-blue-100 focus:ring-0"
/>
<div className="mt-4">
<label class="block text-sm font-medium text-gray-700">
Enter Unique Identification No.
</label>
<div class="mt-1 relative rounded-md shadow-sm">
<input
type="email"
class="focus:ring-blue-500 focus:border-blue-500 block w-full p-3 sm:text-sm border-gray-300 rounded-md"
placeholder="Enter Unique Identification No."
/>
</div>
{/* <strong class="text-red-500 text-xs">Unique Identification No field is required</strong> */}
</div>

<div className="mt-7">
<input
type="password"
placeholder="Enter Name"
className="mt-1 block w-full border-none bg-gray-100 h-11 rounded-xl shadow-lg hover:bg-blue-100 focus:bg-blue-100 focus:ring-0"
/>
<div className="mt-4">
<label class="block text-sm font-medium text-gray-700">
Enter Name
</label>
<div class="mt-1 relative rounded-md shadow-sm">
<input
type="password"
class="focus:ring-blue-500 focus:border-blue-500 block w-full p-3 sm:text-sm border-gray-300 rounded-md"
placeholder="Enter Name"
/>
</div>
{/* <strong class="text-red-500 text-xs">Name field is required</strong> */}
</div>

<div className="mt-7">
Expand Down
37 changes: 24 additions & 13 deletions pages/crime/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,20 +23,31 @@ const generalDiary = () => {
POLICE STAFF LOGIN
</label>
<form method="#" action="#" className="mt-10">
<div>
<input
type="email"
placeholder="Enter Unique Identification No."
className="mt-1 block w-full border-none bg-gray-100 h-11 rounded-xl shadow-lg hover:bg-blue-100 focus:bg-blue-100 focus:ring-0"
/>
<div className="mt-4">
<label class="block text-sm font-medium text-gray-700">
Enter Unique Identification No.
</label>
<div class="mt-1 relative rounded-md shadow-sm">
<input
type="email"
class="focus:ring-blue-500 focus:border-blue-500 block w-full p-3 sm:text-sm border-gray-300 rounded-md"
placeholder="Enter Unique Identification No."
/>
</div>
{/* <strong class="text-red-500 text-xs">Unique Identification No field is required</strong> */}
</div>

<div className="mt-7">
<input
type="password"
placeholder="Enter Name"
className="mt-1 block w-full border-none bg-gray-100 h-11 rounded-xl shadow-lg hover:bg-blue-100 focus:bg-blue-100 focus:ring-0"
/>
<div className="mt-4">
<label class="block text-sm font-medium text-gray-700">
Enter Name
</label>
<div class="mt-1 relative rounded-md shadow-sm">
<input
type="password"
class="focus:ring-blue-500 focus:border-blue-500 block w-full p-3 sm:text-sm border-gray-300 rounded-md"
placeholder="Enter Name"
/>
</div>
{/* <strong class="text-red-500 text-xs">Name field is required</strong> */}
</div>

<div className="mt-7">
Expand Down

1 comment on commit 2796623

@vercel
Copy link

@vercel vercel bot commented on 2796623 Apr 2, 2022

Choose a reason for hiding this comment

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

Successfully deployed to the following URLs:

Please sign in to comment.