show password compoenent

This commit is contained in:
realaravinth
2021-05-15 21:36:52 +05:30
parent 6b740a980b
commit 0421cb681c
7 changed files with 33 additions and 10 deletions

View File

@@ -8,7 +8,7 @@
<meta
name="description"
content="HTML and CSS Tips and Tricks for creating applications that are both responsive and accessible out of the box"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta name="author" content="Aravinth Manivannan" />
@@ -36,7 +36,8 @@
property="og:description"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
<meta property="og:site_name" content="Responsible Web Applications" />
<meta property="og:site_name"
content="mCaptcha is an AGPL'd, privacy focued, proof-of-work based CAPTCHA System"
/>
</head>
<body class="layout"></body>
</html>
<body class="layout">

View File

@@ -18,10 +18,11 @@
@import '../../vars';
$img-height: 0.69;
$img-width: #{$form-input-height * $img-height};
@mixin show-password-img {
display: block;
width: #{$form-input-height * $img-height};
width: $img-width;
}
.show-password--show {
@@ -34,9 +35,9 @@ $img-height: 0.69;
}
.show-password-container {
position: absolute;
right: 40px;
margin-top: #{$form-input-height * $img-height / 2.5};
position: relative;
top: -#{$form-input-height * ($img-height * 1.15)};
left: #{$form-content-width * 0.99};
}
.show-password-container:hover {