Sunny Negi / Meteor-projects

Download as
Browse Code »

Commit db3748612284c43a230f8dd92051bb569202b7b5

Authored by ajaiprakash
1 parent d5b679c21a
Exists in master

Verify Email styling

Showing 2 changed files with 25 additions and 3 deletions   Show diff stats
imports/client/views/verify/EmailPane.js
Diff comments   View file @db37486
... ... @@ -2,6 +2,7 @@ import React from 'react';
2 2 import { Link } from 'react-router';
3 3 import { If, Case } from '/imports/client/components/Logic';
4 4 import { Bert } from 'meteor/themeteorchef:bert';
  5 +import './emailpane.css';
5 6  
6 7 import { Row, Col, Alert,ControlLabel,
7 8 FormGroup, FormControl, Button } from 'react-bootstrap';
... ... @@ -39,7 +40,7 @@ export class EmailPane extends React.Component {
39 40  
40 41 return (
41 42 <div className = "wizardPane-box">
42   - <div className = "wizardPane-section">
  43 + <div className = "wizardPane-section1">
43 44 <div className="icon-circle icon-lg">
44 45 <i className="icon icon-simple icon-envelope"></i>
45 46 </div>
... ... @@ -80,7 +81,7 @@ export class EmailPane extends React.Component {
80 81  
81 82 return (
82 83 <div className = "wizardPane-box">
83   - <div className = "wizardPane-section">
  84 + <div className = "wizardPane-section1">
84 85  
85 86 <div className = "wizardPane-title">
86 87 <i className="icon-envelope icon"></i>
... ... @@ -88,7 +89,8 @@ export class EmailPane extends React.Component {
88 89 </div>
89 90 <div className = "wizardPane-text">
90 91 Check your email – we sent a verification link to<br/>
91   - {user.emails[0].address}
  92 + <span style={{color:"green"}}>
  93 + {user.emails[0].address}</span>
92 94 </div>
93 95 </div>
94 96 <div className = "wizardPane-section wizardPane-footer">
... ...
imports/client/views/verify/emailpane.css
Diff comments   View file @db37486
... ... @@ -0,0 +1,20 @@
  1 +.wizardPane-section
  2 +{
  3 + background-color: white;
  4 + margin: auto;
  5 + width: 30%;
  6 + padding: 10px;
  7 + top:50px;
  8 + cursor: pointer;
  9 + font-weight: bold;
  10 + color: crimson;
  11 +}
  12 +
  13 +.wizardPane-section1
  14 +{
  15 + background-color: white;
  16 + margin: auto;
  17 + width: 30%;
  18 + border: 3px solid #73AD21;
  19 + padding: 10px;
  20 +}
... ...