JSFiddle - React, Tailwind, and code Playground
CSS
.pageMidLogo {
width:100%;
float:left;
text-align:center;
}
.createAccountWrap {
width:100%;
float:left;
height:auto;
padding:20px;
}
.createAccountWrap .h3_head {
float: left;
text-align: center;
width: 100%;
margin-bottom: 25px !important;
}
.iLabel {
font-size: 13px;
line-height: 16px;
width: 100%;
float: left;
}
.insideInput {
width:100%;
float:left;
position:relative;
}
.tooltipIcon {
width: 27px;
height: 27px;
position: absolute;
right: 8px;
top: 16px;
background: #ababab;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.tooltipIcon:before {
font-size: 19px;
margin-top: 4px;
color:#fff;
}
.pop_tooltipIcon {
font-size: 36px;
text-align: center;
width: 100%;
float: left;
margin-bottom: 10px;
color:#d03e43;
}
.iconPinReload {
/*background: url(../images/icon-capthareload.png) 10px 10px no-repeat #f6f6f6;
border-left: 1px solid #ddd;
width: 52px;
height: 41px;*/
position: absolute;
top: -20px;
right: 0px;
cursor: pointer;
font-size: 15px;
}
/*.iconPinReload:hover{
background: url(../images/icon-capthareload.png) 10px 10px no-repeat #f0f0f0;
}*/
.tpMenuWrap {
position:absolute;
top:0px;
width: 88%;
}
.btMenuWrap {
position:absolute;
bottom:0px;
width: 88%;
}
.ul_menu {
padding:0px;
margin:0px;
width:100%;
list-style:none;
}
.ul_menu li {
padding: 10px 0px;
margin: 0px;
width: 100%;
list-style: none;
font-size: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ul_menu li a {
font-weight: 500;
color:#ddd;
}
.ul_menu li a:hover {
color:#fff;
}
.panelCloseBtn {
float: right;
margin-bottom: 15px;
width: 100%;
text-align: right;
margin-top: 15px;
font-size: 20px;
color: #777 !important;
}
.panelCloseBtn:hover {
color: #999 !important;
}
.homeListMenuWrap {
padding:0px...
JavaScript
var json = {"result":"success"}
var ajaxres = JSON.parse(json);
console.log(ajaxres.resut);
console.log(json.resut);