diff --git a/angular.json b/angular.json index a615ab1..edf89fd 100644 --- a/angular.json +++ b/angular.json @@ -27,6 +27,7 @@ } ], "styles": [ + "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ], "scripts": [] @@ -85,6 +86,7 @@ } ], "styles": [ + "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ], "scripts": [] diff --git a/package-lock.json b/package-lock.json index 8d9ac26..9cf976e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,6 +16,7 @@ "@angular/platform-browser": "^20.0.4", "@angular/platform-browser-dynamic": "^20.0.4", "@angular/router": "^20.0.4", + "bootstrap": "^5.3.7", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.1" @@ -2979,6 +2980,16 @@ "node": ">=14" } }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "peer": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@rollup/rollup-android-arm-eabi": { "version": "4.40.2", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.2.tgz", @@ -3710,6 +3721,24 @@ "dev": true, "license": "ISC" }, + "node_modules/bootstrap": { + "version": "5.3.7", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.7.tgz", + "integrity": "sha512-7KgiD8UHjfcPBHEpDNg+zGz8L3LqR3GVwqZiBRFX04a1BCArZOz1r2kjly2HQ0WokqTO0v1nF+QAt8dsW4lKlw==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, "node_modules/brace-expansion": { "version": "1.1.12", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", diff --git a/package.json b/package.json index 21fbd32..aa9ec12 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "@angular/platform-browser": "^20.0.4", "@angular/platform-browser-dynamic": "^20.0.4", "@angular/router": "^20.0.4", + "bootstrap": "^5.3.7", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.1" @@ -35,4 +36,4 @@ "karma-jasmine-html-reporter": "~2.1.0", "typescript": "~5.8.3" } -} \ No newline at end of file +} diff --git a/src/app/app.component.html b/src/app/app.component.html index 67e7bd4..dcb5923 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1 +1,7 @@ - +
+ +
+ + diff --git a/src/app/component/auth/login/login.component.html b/src/app/component/auth/login/login.component.html index 9c539cd..fd14997 100644 --- a/src/app/component/auth/login/login.component.html +++ b/src/app/component/auth/login/login.component.html @@ -1,6 +1,22 @@ -
- - - - -
+
+
+
+
+

Login

+
+
+
+
+ + +
+
+ + +
+ +
+
+
+
+
\ No newline at end of file diff --git a/src/app/component/auth/register/register.component.html b/src/app/component/auth/register/register.component.html index 4b201d5..d65181c 100644 --- a/src/app/component/auth/register/register.component.html +++ b/src/app/component/auth/register/register.component.html @@ -1,48 +1,81 @@ -
- - +
+
+
+
+

Register

+
+
+ +
+
+ + +
+
+ + +
+
- - +
+
Address
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
-
+
+
Email
+
+
+ + +
+
+ + +
+
+
-
- - +
+
Password
+
+
+ + +
+
+ + +
+
+
- - - - - - - - - - - + + +
+
- -
- -
- - - - - -
- -
- - - - - -
- -
- - - +
\ No newline at end of file diff --git a/src/app/component/dashboard/dashboard.component.html b/src/app/component/dashboard/dashboard.component.html index 8bc168b..e05f470 100644 --- a/src/app/component/dashboard/dashboard.component.html +++ b/src/app/component/dashboard/dashboard.component.html @@ -1,3 +1,41 @@ -

random ahh dashboard

+
+
+
+
+

Dashboard

+
- +
+
+
+
Users
+
+
1,234
+

Registered Users

+
+
+
+
+
+
Sales
+
+
$56,789
+

Last 30 Days

+
+
+
+
+
+
Tasks
+
+
78
+

Pending Tasks

+
+
+
+
+ + +
+
+
diff --git a/src/app/component/header/header.component.css b/src/app/component/header/header.component.css new file mode 100644 index 0000000..2a9534b --- /dev/null +++ b/src/app/component/header/header.component.css @@ -0,0 +1,26 @@ +.navbar { + background-color: #222; + padding: 0.5rem 1rem; +} + +.navbar-list { + list-style: none; + display: flex; + margin: 0; + padding: 0; +} + +.navbar-item { + margin-right: 1.5rem; +} + +.navbar-link { + color: #fff; + text-decoration: none; + font-weight: 500; + transition: color 0.2s; +} + +.navbar-link:hover { + color: #90caf9; +} diff --git a/src/app/component/header/header.component.html b/src/app/component/header/header.component.html index cfa62db..d52de61 100644 --- a/src/app/component/header/header.component.html +++ b/src/app/component/header/header.component.html @@ -1,10 +1,24 @@ -