rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-10 06:10:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

added hero-icons as dependencies

Browse Source
This commit is contained in:
Meliora Ho 2024-02-04 18:34:03 +00:00
parent 5ba002229c
commit ed07dd600f
3 changed files with 43 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
compass/package-lock.json generated
View File

@ -8,6 +8,7 @@
"name": "compass", "name": "compass",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@heroicons/react": "^2.1.1",
"next": "13.5.6", "next": "13.5.6",
"react": "^18", "react": "^18",
"react-dom": "^18" "react-dom": "^18"
@ -113,6 +114,14 @@
"node": "^12.22.0 || ^14.17.0 || >=16.0.0" "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
} }
}, },
"node_modules/@heroicons/react": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.1.1.tgz",
"integrity": "sha512-JyyN9Lo66kirbCMuMMRPtJxtKJoIsXKS569ebHGGRKbl8s4CtUfLnyKJxteA+vIKySocO4s1SkTkGS4xtG/yEA==",
"peerDependencies": {
"react": ">= 16"
}
},
"node_modules/@humanwhocodes/config-array": { "node_modules/@humanwhocodes/config-array": {
"version": "0.11.13", "version": "0.11.13",
"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",

1
compass/package.json
View File

@ -9,6 +9,7 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"@heroicons/react": "^2.1.1",
"next": "13.5.6", "next": "13.5.6",
"react": "^18", "react": "^18",
"react-dom": "^18" "react-dom": "^18"

61
compass/pages/index.tsx
View File

@ -9,34 +9,39 @@ import Page from '@/components/auth/Page';
const Home: NextPage = () => { const Home: NextPage = () => {
return ( return (
<Page> <>
<form className="bg-white shadow-md rounded px-12 pt-8 pb-8 mb-4"> <Head>
<div className="mb-4"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<label className="block text-gray-700 text-sm font-bold mb-2" for="username"> </Head>
Username <Page>
</label> <form className="bg-white shadow-md rounded px-4 sm:px-8 md:px-12 pt-8 pb-8 mb-4">
<Input /> <div className="mb-4">
</div> <label className="block text-gray-700 text-sm font-bold mb-2" for="username">
<div className="mb-6"> Username
<label className="block text-gray-700 text-sm font-bold mb-2" for="password"> </label>
Password <Input />
</label> </div>
<Input /> <div className="mb-6">
</div> <label className="block text-gray-700 text-sm font-bold mb-2" for="password">
<div className="flex flex-col items-left space-y-2"> Password
<InlineLink> </label>
Forgot password? <Input />
</InlineLink> </div>
<Button> <div className="flex flex-col items-left space-y-2">
Login <InlineLink>
</Button> Forgot password?
</InlineLink>
</div> <Button>
</form> Login
<p className="text-center text-gray-500 text-xs"> </Button>
&copy; 2024 Compass Center
</p> </div>
</Page> </form>
<p className="text-center text-gray-500 text-xs">
&copy; 2024 Compass Center
</p>
</Page>
</>
); );
}; };