Skip to content

Commit 0658f89

Browse files
tsaxena4ktsaxena4k
committed
Updated Typography
1 parent 98cdad2 commit 0658f89

File tree

7 files changed

+36
-37
lines changed

7 files changed

+36
-37
lines changed

‎components/AfterLogin.jsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,24 +21,24 @@ export default function afterLogin() {
2121
setErrorMsg(await res.text());
2222
}
2323
};
24-
return (<div class="row">
25-
<div class="col s12 m12">
26-
<div class="card-panel horizontal blue ">
27-
<span class="white-text">Hey you made it here {user?user.name:'Stranger'}, we all were waiting for you.<br/>I hope you like this Authentication module, Its simple yet important to know.
24+
return (<div className="row">
25+
<div className="col s12 m12">
26+
<div className="card-panel horizontal blue ">
27+
<span className="white-text">Hey you made it here {user?user.name:'Stranger'}, we all were waiting for you.<br/>I hope you like this Authentication module, Its simple yet important to know.
2828
I'll be updating it with many new stuff frequently.<br/><br/>Till then you can look around.<strong> Don't forget to drop a message for me.</strong></span>
2929
</div>
3030
</div>
3131
{errorMsg ? (
3232
<p style={{ color: "teal" }}>{errorMsg}</p>
3333
) : null}
34-
<form class="col s12" onSubmit={handleSubmit}>
35-
<div class="input-field col s12 m9">
36-
<i class="material-icons prefix">mode_edit</i>
37-
<textarea id="message" class="materialize-textarea" name="message" required></textarea>
34+
<form className="col s12" onSubmit={handleSubmit}>
35+
<div className="input-field col s12 m9">
36+
<i className="material-icons prefix">mode_edit</i>
37+
<textarea id="message" className="materialize-textarea" name="message" required></textarea>
3838
<label htmlFor="message">Message for developer</label>
3939
</div>
40-
<button class="btn-small waves-effect waves-light blue" type="submit" style={{ marginTop: '1.7rem' }}>Send
41-
<i class="material-icons right">send</i>
40+
<button className="btn-small waves-effect waves-light blue" type="submit" style={{ marginTop: '1.7rem' }}>Send
41+
<i className="material-icons right">send</i>
4242
</button>
4343
</form>
4444
</div>)

‎components/Home.jsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -35,16 +35,16 @@ export default function Home() {
3535

3636
</div>
3737
<div className="card-stacked center-align">
38-
{loading ? <div class="progress white" style={{margin:0}}>
39-
<div class="indeterminate blue"></div>
38+
{loading ? <div className="progress white" style={{margin:0}}>
39+
<div className="indeterminate blue"></div>
4040
</div> : null}
4141
<div className="card-content">
4242
<h2 style={{ marginTop: '0' }}><span style={{ fontWeight: 'bolder', color: `${user ? '#2196f3' : '#7ed'}`, textShadow: '2px 2px black' }}>Hello </span>{!user ? 'Stranger' : user.name}</h2>
4343
{!user ? <div className="card-title und">Welcome to <strong><a onClick={() => M.toast({ html: 'Coming soon', classes: 'toast' })}>Tushar.dev</a></strong></div> : null}
44-
<div class="col s12 m12">
44+
<div className="col s12 m12">
4545
{!user ? (<>
46-
<div class="card-panel #80cbc4 teal lighten-2">
47-
<span class="white-text" style={{ fontSize: '1.2rem' }}>This is an Authentication build in <a href="https://nextjs.org/" target="_blank" style={{ textDecoration: 'underline', color: "white" }}>Next.js</a> using <a href="http://www.passportjs.org/" target="_blank" style={{ textDecoration: 'underline', color: "white" }}>Passport.js</a> and <a href="https://www.mongodb.com/" target="_blank" style={{ textDecoration: 'underline', color: "white" }}>Mongodb </a>
46+
<div className="card-panel #80cbc4 teal lighten-2">
47+
<span className="white-text" style={{ fontSize: '1.2rem' }}>This is an Authentication build in <a href="https://nextjs.org/" target="_blank" style={{ textDecoration: 'underline', color: "white" }}>Next.js</a> using <a href="http://www.passportjs.org/" target="_blank" style={{ textDecoration: 'underline', color: "white" }}>Passport.js</a> and <a href="https://www.mongodb.com/" target="_blank" style={{ textDecoration: 'underline', color: "white" }}>Mongodb </a>
4848
. It is a fully functional & ready to use module build for your next web application.This is template 0.0 I will be pushing more new personalized templates soon.<br /><br />-Till then go on try it around, I hope you like it-</span>
4949
</div>
5050
</>) : (<AfterLogin />)}
@@ -56,10 +56,10 @@ export default function Home() {
5656
<>
5757
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
5858
<Link href="/login">
59-
<a class="waves-effect waves-light btn">Log in</a>
59+
<a className="waves-effect waves-light btn">Log in</a>
6060
</Link>
6161
<Link href="/signup">
62-
<a class="waves-effect waves-light btn">Sign up</a>
62+
<a className="waves-effect waves-light btn">Sign up</a>
6363
</Link>
6464
</div>
6565
</>
@@ -69,9 +69,9 @@ export default function Home() {
6969
{/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
7070
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
7171
<Link href="/user/[userId]" as={`/user/${user._id}`}>
72-
<a class="waves-effect waves-light btn blue">Profile</a>
72+
<a className="waves-effect waves-light btn blue">Profile</a>
7373
</Link>
74-
<a role="button" onClick={handleLogout} class="waves-effect waves-light btn blue">Logout</a>
74+
<a role="button" onClick={handleLogout} className="waves-effect waves-light btn blue">Logout</a>
7575
</div>
7676
</>
7777
)}

‎components/Layout.jsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@ export default function Layout({ children }) {
2929
</div>
3030
</div>
3131
</div>
32-
<div id="modal1" class="modal modal-fixed-footer">
33-
<div class="modal-content" style={{ backgroundImage: `url(${"https://barbarashdwallpapers.com/wp-content/uploads/2015/05/White-wave-pattern-wallpaper-1.jpg"})` }}>
32+
<div id="modal1" className="modal modal-fixed-footer">
33+
<div className="modal-content" style={{ backgroundImage: `url(${"https://barbarashdwallpapers.com/wp-content/uploads/2015/05/White-wave-pattern-wallpaper-1.jpg"})` }}>
3434
<div className="right-align" style={{ fontSize: '2rem' }}>
3535
<a href="https://github.com/tsaxena4k" target="_blank"><FaGithub /> </a>
3636
<a href="https://www.facebook.com/tushar.saxena.56232/" target="_blank"><FaFacebook /> </a>
@@ -52,8 +52,8 @@ export default function Layout({ children }) {
5252
to know more check out the <a href="https://github.com/tsaxena4k" target="_blank">github repository</a> for the same.</strong></p>
5353
</div>
5454
</div>
55-
<div class="modal-footer">
56-
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Dissmiss</a>
55+
<div className="modal-footer">
56+
<a href="#!" className="modal-close waves-effect waves-green btn-flat">Dissmiss</a>
5757
</div>
5858
</div>
5959
</main>

‎components/Login.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,8 +40,8 @@ export default function Login() {
4040
return (
4141
<>
4242
<div className="card-stacked center-align">
43-
{loading ? <div class="progress" style={{ margin: 0 }}>
44-
<div class="indeterminate"></div>
43+
{loading ? <div className="progress" style={{ margin: 0 }}>
44+
<div className="indeterminate"></div>
4545
</div> : null}
4646
<div className="card-content">
4747
<div className="row">
@@ -61,7 +61,7 @@ export default function Login() {
6161
<input id="email" type="text" className="validate" required />
6262
<label htmlFor="email">Email</label>
6363
</div>
64-
<div class="input-field col s12">
64+
<div className="input-field col s12">
6565
<i className="prefix">
6666
<RiLockPasswordFill />
6767
</i>

‎components/Signup.jsx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,8 @@ export default function Login() {
4646
return (
4747
<>
4848
<div className="card-stacked center-align">
49-
{loading ? <div class="progress" style={{ margin: 0 }}>
50-
<div class="indeterminate"></div>
49+
{loading ? <div className="progress" style={{ margin: 0 }}>
50+
<div className="indeterminate"></div>
5151
</div> : null}
5252
<div className="card-content">
5353
<div className="row">
@@ -88,34 +88,34 @@ export default function Login() {
8888
/>
8989
<label htmlFor="email">Email</label>
9090
</div>
91-
<div class="input-field col s12">
91+
<div className="input-field col s12">
9292
<i className="prefix">
9393
<RiLockPasswordFill />
9494
</i>
9595
<input
9696
id="password"
9797
type="password"
98-
class="validate"
98+
className="validate"
9999
name="password"
100100
required
101101
/>
102102
<label htmlFor="password">Password</label>
103103
</div>
104-
<div class="input-field col s12">
104+
<div className="input-field col s12">
105105
<i className="prefix">
106106
<RiLockPasswordLine />
107107
</i>
108108
<input
109109
id="cpassword"
110110
type="password"
111-
class="validate"
111+
className="validate"
112112
name="cpassword"
113113
required
114114
/>
115115
<label htmlFor="cpassword">Confirm Password</label>
116116
</div>
117117
<div className="col s12" style={{ marginBottom: '1rem' }}>
118-
<button class="waves-effect waves-light btn col s12" type="submit">
118+
<button className="waves-effect waves-light btn col s12" type="submit">
119119
sign up
120120
</button>
121121
</div>

‎pages/login.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import Login from "../components/Login";
2-
import Link from 'next/link';
32

43
export default function login() {
54
return (

‎pages/user/[userId]/index.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,8 +40,8 @@ export default function UserPage({ user }) {
4040
<img src={profilePicture} className="circle" width="150" style={{border:'5px solid #29f'}}/>
4141
</div>
4242
<h2>{name}</h2>
43-
<div class="col s12 m12">
44-
<div class="card-panel blue left-align white-text" style={{fontSize:'1rem'}}>
43+
<div className="col s12 m12">
44+
<div className="card-panel blue left-align white-text" style={{fontSize:'1rem'}}>
4545

4646
<p><strong>Bio :</strong> {bio}</p>
4747

@@ -59,7 +59,7 @@ export default function UserPage({ user }) {
5959
<div className="card-action">
6060
{isCurrentUser && (
6161
<Link href="/setting">
62-
<a class="waves-effect waves-light btn-small blue">Edit</a>
62+
<a className="waves-effect waves-light btn-small blue">Edit</a>
6363
</Link>
6464
)}
6565
</div>

0 commit comments

Comments
 (0)