fix minor issues related to class -> className on using react

ATians · Mar 16, 2020 · 7273acc · 7273acc
1 parent 03b60f7
commit 7273acc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/Login Page/react-login-page/src/views/Login.js b/Login Page/react-login-page/src/views/Login.js
@@ -54,7 +54,7 @@ export default function Login() {
                         Google
                       </button>
                     </div>
-                    <hr class="mt-6 border-b-1 border-gray-400" />
+                    <hr className="mt-6 border-b-1 border-gray-400" />
                   </div>
                   <div className="flex-auto px-4 lg:px-10 py-10 pt-0">
                     <div className="text-gray-500 text-center mb-3 font-bold">
@@ -63,7 +63,7 @@ export default function Login() {
                     <form>
                       <div className="relative w-full mb-3">
                         <label
-                          class="block uppercase text-gray-700 text-xs font-bold mb-2"
+                          className="block uppercase text-gray-700 text-xs font-bold mb-2"
                           for="grid-password"
                         >
                           Email
@@ -78,7 +78,7 @@ export default function Login() {
 
                       <div className="relative w-full mb-3">
                         <label
-                          class="block uppercase text-gray-700 text-xs font-bold mb-2"
+                          className="block uppercase text-gray-700 text-xs font-bold mb-2"
                           for="grid-password"
                         >
                           Password
@@ -91,14 +91,14 @@ export default function Login() {
                         />
                       </div>
                       <div>
-                        <label class="inline-flex items-center cursor-pointer">
+                        <label className="inline-flex items-center cursor-pointer">
                           <input
                             id="customCheckLogin"
                             type="checkbox"
                             className="form-checkbox text-gray-800 ml-1 w-5 h-5"
                             style={{ transition: "all .15s ease" }}
                           />
-                          <span class="ml-2 text-sm font-semibold text-gray-700">
+                          <span className="ml-2 text-sm font-semibold text-gray-700">
                             Remember me
                           </span>
                         </label>

diff --git a/Profile Page/react-profile-page/src/views/Profile.js b/Profile Page/react-profile-page/src/views/Profile.js
@@ -18,7 +18,7 @@ export default function Profile() {
           >
             <span
               id="blackOverlay"
-              class="w-full h-full absolute opacity-50 bg-black"
+              className="w-full h-full absolute opacity-50 bg-black"
             ></span>
           </div>
           <div
@@ -91,7 +91,7 @@ export default function Profile() {
                   </div>
                 </div>
                 <div className="text-center mt-12">
-                  <h3 class="text-4xl font-semibold leading-normal mb-2 text-gray-800 mb-2">
+                  <h3 className="text-4xl font-semibold leading-normal mb-2 text-gray-800 mb-2">
                     Jenna Stones
                   </h3>
                   <div className="text-sm leading-normal mt-0 mb-2 text-gray-500 font-bold uppercase">
@@ -110,7 +110,7 @@ export default function Profile() {
                 <div className="mt-10 py-10 border-t border-gray-300 text-center">
                   <div className="flex flex-wrap justify-center">
                     <div className="w-full lg:w-9/12 px-4">
-                      <p class="mb-4 text-lg leading-relaxed text-gray-800">
+                      <p className="mb-4 text-lg leading-relaxed text-gray-800">
                         An artist of considerable range, Jenna the name taken by
                         Melbourne-raised, Brooklyn-based Nick Murphy writes,
                         performs and records all of his own music, giving it a