hw_partner
/
urmic_digital_encoder_decoder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css updtae

This commit is contained in:
devdatt 2026-02-21 06:15:59 +05:30
parent 7bcba5f65e
commit d95c9618a7
1 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
encoder/header.php
View File

@ -599,17 +599,6 @@ include 'static.php';
height: 50px; height: 50px;
} }
/* password form */
.password-form {
max-width: 100%;
}
.password-form input {
height: 44px;
font-size: 13px;
}
.price { .price {
font-size: 20px; font-size: 20px;
} }
@ -632,21 +621,18 @@ include 'static.php';
/* ===== PASSWORD PAGE REFINEMENT PATCH ===== */ /* ===== PASSWORD PAGE REFINEMENT PATCH ===== */
/* center card content better */
.password-form { .password-form {
width: 100%; width: 100%;
max-width: 560px; max-width: 560px;
margin-top: 6px; margin-top: 6px;
} }
/* field spacing + divider refinement */
.password-form .field { .password-form .field {
margin-bottom: 22px; margin-bottom: 22px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
/* labels */
.password-form label { .password-form label {
margin-bottom: 8px; margin-bottom: 8px;
font-size: 14px; font-size: 14px;
@ -654,10 +640,11 @@ include 'static.php';
color: #cbd5e1; color: #cbd5e1;
} }
/* inputs */ /* consistent input sizing */
.password-form input { .password-form input {
width: 100%;
height: 46px; height: 46px;
padding: 0 14px; padding: 0 16px;
border-radius: 12px; border-radius: 12px;
border: 1px solid rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .12);
background: #020617; background: #020617;
@ -668,27 +655,45 @@ include 'static.php';
/* focus */ /* focus */
.password-form input:focus { .password-form input:focus {
outline: none;
border-color: #38bdf8; border-color: #38bdf8;
box-shadow: box-shadow:
0 0 0 2px rgba(56, 189, 248, .18), 0 0 0 2px rgba(56, 189, 248, .18),
0 6px 18px rgba(0, 0, 0, .45); 0 6px 18px rgba(0, 0, 0, .45);
} }
/* toggle button alignment */ /* wrapper */
.pass-wrap { .pass-wrap {
position: relative; position: relative;
width: 100%;
}
/* space for toggle text */
.pass-wrap input {
padding-right: 70px;
} }
.pass-toggle { .pass-toggle {
position: absolute;
right: 14px; right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
font-weight: 500; font-weight: 500;
letter-spacing: .2px; letter-spacing: .2px;
cursor: pointer;
} }
.pass-toggle:hover { .pass-toggle:hover {
color: #38bdf8; color: #38bdf8;
} }
.password-form .strength {
width: 100%;
overflow: hidden;
}
/* strength bar container */ /* strength bar container */
.strength { .strength {
height: 10px; height: 10px;
@ -702,6 +707,12 @@ include 'static.php';
border-radius: 8px; border-radius: 8px;
} }
.strength-bar {
height: 100%;
width: 0;
transition: width .25s ease;
}
/* strength text */ /* strength text */
.strength-text { .strength-text {
margin-top: 8px; margin-top: 8px;