diff --git a/package-lock.json b/package-lock.json index 345ea65c..737e96f0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7807,6 +7807,11 @@ "integrity": "sha512-MFh0d/Wa7vkKO3Y3LlacqAEeHK0mckVqzDieUKTT+KGxi+zIpeVsFxymkIiRpbpDziHc290Xr9A1O4Om7otoRA==", "dev": true }, + "ng": { + "version": "0.0.0", + "resolved": "https://registry.npmjs.org/ng/-/ng-0.0.0.tgz", + "integrity": "sha512-HwR40IBJa1ZU+CIGyuy7vSCN3xFYlSRfw5eIwwKOdOMNNNIl8KhT6PXKmHuFEFYpfrbOMaCYtr4QOJ3gkkubcg==" + }, "ng2-semantic-ui": { "version": "0.9.7", "resolved": "https://registry.npmjs.org/ng2-semantic-ui/-/ng2-semantic-ui-0.9.7.tgz", diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index b3e26b6f..893fdfba 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -4,12 +4,13 @@ import { CulottelistComponent } from "./projects/culottelist/culottelist.compone import { AboutComponent } from "./about/about.component"; import { IdComponent } from "./id/id.component"; import { DonateComponent } from './donate/donate.component'; +import { NewCandidateComponent } from './new-candidate/new-candidate.component'; const routes: Routes = [ { path: "", component: CulottelistComponent }, { path: "culottelist", component: CulottelistComponent }, { path: "about", component: AboutComponent }, - { path: "candidate", component: CulottelistComponent }, + { path: "candidate", component: NewCandidateComponent }, { path: "candidate/:address", component: IdComponent }, { path: "donate", component: DonateComponent }, ]; diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 8cd283e4..d04640f6 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -23,6 +23,7 @@ import { OpenelectionComponent } from "./projects/electionTabs/openelection/open import { CompletedelectionComponent } from "./projects/electionTabs/completedelection/completedelection.component"; import { IdComponent } from './id/id.component'; import { DonateComponent } from './donate/donate.component'; +import { NewCandidateComponent } from './new-candidate/new-candidate.component'; @NgModule({ declarations: [ @@ -32,7 +33,8 @@ import { DonateComponent } from './donate/donate.component'; OpenelectionComponent, CompletedelectionComponent, IdComponent, - DonateComponent + DonateComponent, + NewCandidateComponent ], imports: [ SuiModule, diff --git a/src/app/new-candidate/new-candidate.component.css b/src/app/new-candidate/new-candidate.component.css new file mode 100644 index 00000000..588992d9 --- /dev/null +++ b/src/app/new-candidate/new-candidate.component.css @@ -0,0 +1,42 @@ + +.title { + text-align: center; + font-size: 2em; +margin-bottom: 25px; +} + +.purpose { + position: relative; + margin-top: 40px; + text-align: center; + font-size: 1em; + color: black; +} + +.ethAmount { + position:relative; + margin-top: 25px; + margin-bottom: 25px; + font-size: 2em; + text-align: center; + max-width: 35%; + min-width: 135px; +} + +.tab { + margin-top: 15px; +} + +.amounts { + margin-left: 35%; +} + +.button { + min-width: 145px; +} + +.fields{ + max-width: 50%; + text-align:center; + margin: auto; +} \ No newline at end of file diff --git a/src/app/new-candidate/new-candidate.component.html b/src/app/new-candidate/new-candidate.component.html new file mode 100644 index 00000000..e9130057 --- /dev/null +++ b/src/app/new-candidate/new-candidate.component.html @@ -0,0 +1,63 @@ +