Skip to content

Commit

Permalink
profile page (vechain#7)
Browse files Browse the repository at this point in the history
* frontend: added routes

* frontend: added tailwind + package.json fix

* frontend: added login page

* frontend: login page fix
  • Loading branch information
WillowMT authored Sep 14, 2024
1 parent 9fa027d commit bff2a84
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 4 deletions.
5 changes: 2 additions & 3 deletions apps/frontend/src/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,8 @@ function App() {
nodeUrl="https://testnet.vechain.org/"
logLevel={"DEBUG"}
>
<div className="">
{/* {path === "/" || path === "/form" ? null : <Navbar />} */}

<div className="bg-[#506c4c]">
<Navbar />
<div className="min-h-[80vh] relative">
<Routes>
<Route path="/" element={<Home />} />
Expand Down
1 change: 1 addition & 0 deletions apps/frontend/src/components/Dropzone.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ export const Dropzone = () => {
accept: {
"image/*": [], // Accept only image files
},

});

const onFileUpload = useCallback(
Expand Down
6 changes: 5 additions & 1 deletion apps/frontend/src/routes/login.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,11 @@ export default function Login() {
navigate('/')
}
return <div className="absolute inset-0 h-full grid place-items-center text-xl font-bold md:font-extrabold">

<div className=" " data-x="bg-emerald-500 px-5 md:px-24 shadow-lg rounded-2xl">
<div className="max-w-xl bg-white p-8 rounded-2xl px-10">
<h2 className="text-3xl font-bold text-green-800 mb-2">SG Odyssey</h2>

<p className="text-green-700 mb-6 text-sm">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
Expand All @@ -21,7 +23,9 @@ export default function Login() {
<form className="space-y-4">
<input type="text" placeholder="Username" className="w-full px-4 py-3 rounded-full border-green-300 border" />
<input type="password" placeholder="Password" className="w-full px-4 py-3 rounded-full border-green-300 border" />
<button className="w-full bg-green-800 text-white rounded-full py-3 hover:bg-green-700 transition-colors">

<button className="w-full bg-[#506c4c] text-white rounded-full py-3 hover:bg-green-700 transition-colors">

Login
</button>
</form>
Expand Down

0 comments on commit bff2a84

Please sign in to comment.