diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 6704566..0000000 --- a/.gitignore +++ /dev/null @@ -1,104 +0,0 @@ -# Logs -logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* -lerna-debug.log* - -# Diagnostic reports (https://nodejs.org/api/report.html) -report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json - -# Runtime data -pids -*.pid -*.seed -*.pid.lock - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage -*.lcov - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (https://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# TypeScript v1 declaration files -typings/ - -# TypeScript cache -*.tsbuildinfo - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Microbundle cache -.rpt2_cache/ -.rts2_cache_cjs/ -.rts2_cache_es/ -.rts2_cache_umd/ - -# Optional REPL history -.node_repl_history - -# Output of 'npm pack' -*.tgz - -# Yarn Integrity file -.yarn-integrity - -# dotenv environment variables file -.env -.env.test - -# parcel-bundler cache (https://parceljs.org/) -.cache - -# Next.js build output -.next - -# Nuxt.js build / generate output -.nuxt -dist - -# Gatsby files -.cache/ -# Comment in the public line in if your project uses Gatsby and *not* Next.js -# https://nextjs.org/blog/next-9-1#public-directory-support -# public - -# vuepress build output -.vuepress/dist - -# Serverless directories -.serverless/ - -# FuseBox cache -.fusebox/ - -# DynamoDB Local files -.dynamodb/ - -# TernJS port file -.tern-port diff --git a/README.md b/README.md deleted file mode 100644 index 52d5afb..0000000 --- a/README.md +++ /dev/null @@ -1 +0,0 @@ -# vision_ecommerce \ No newline at end of file diff --git a/src/components/UserNav/UserNav.css b/src/components/UserNav/UserNav.css new file mode 100644 index 0000000..59fcc55 --- /dev/null +++ b/src/components/UserNav/UserNav.css @@ -0,0 +1,9 @@ +.p-btn-hov:hover { + color: var(--color-primary); +} + +.user-nav-main-container { + width: 100%; + height: 58.2rem; + border-radius: 0.5rem; +} diff --git a/src/components/UserNav/UserNav.jsx b/src/components/UserNav/UserNav.jsx new file mode 100644 index 0000000..aa0a120 --- /dev/null +++ b/src/components/UserNav/UserNav.jsx @@ -0,0 +1,104 @@ +import React from "react"; +import "../../styles/root.css"; + +export function UserNav() { + return ( + <> + + + ); +} + +export default UserNav; diff --git a/src/components/UserPage/UserPage.css b/src/components/UserPage/UserPage.css new file mode 100644 index 0000000..ca49ab9 --- /dev/null +++ b/src/components/UserPage/UserPage.css @@ -0,0 +1,44 @@ +.user-main-container { + height: 100%; +} + +.user-page-container { + margin-left: 1rem; + border-radius: 1rem; +} + +.flex-align-center { + display: flex; + flex-wrap: wrap; + align-items: center; +} +.user-form-input { + padding: 0.5rem; +} + +.pad-normal-top { + padding-top: 1rem; +} + +.padding-large-top { + padding-top: 2rem; +} + +.padding-normal-top { + padding-top: 1rem; +} + +.user-container-avatar { + border-radius: 0.5rem; + margin-bottom: 0.5rem; +} + +.avatar-img-container { + width: 3rem; + height: 3rem; +} + +.avatar-img { + width: 100%; + border-radius: 50%; +} diff --git a/src/components/UserPage/UserPage.jsx b/src/components/UserPage/UserPage.jsx new file mode 100644 index 0000000..5a6f4fc --- /dev/null +++ b/src/components/UserPage/UserPage.jsx @@ -0,0 +1,145 @@ +import React from "react"; +import "../../styles/root.css"; +import { UserNav } from "../index"; +import { steve } from "../../assets/images"; + +export function UserPage() { + return ( + <> +
+
+
+ + steve + + + +

Hello,

+

Mayank Kumar

+ +
+ + +
+ +
+
+
+
Personal Information
+ + Edit + +
+ +
+
+ + + + + + + +
+ +
+

+ Your Gender +

+ +
+ + + + + + + + +
+
+ +
+ +
Email Address
+ + Edit + + + + Change Password + + + + +
+ +
+
+ +
+ +
Email Address
+ + Edit + + + + + + +
+
+
+
+
+ + ); +} + +export default UserPage;