hamx/PassMetric
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css migration

Browse Source
This commit is contained in:
Andrii Solianyk
2025-11-21 17:25:30 +01:00
parent 978974f012
commit 409e4ae98f
2 changed files with 24 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/main/resources/static/css/password.css
View File

@@ -181,3 +181,27 @@ input[type="password"]:focus {
color: #fca5a5; color: #fca5a5;
} }
} }
#strengthBarContainer {
width: min(92vw, 480px);
margin: 10px auto 0;
height: 10px;
background: #e2e8f0;
border-radius: 8px;
overflow: hidden;
}
#strengthBarFill {
height: 100%;
width: 0;
background: var(--bad);
transition: width 200ms ease, background-color 200ms ease;
}
ul#tipsList {
width: min(92vw, 480px);
margin: 10px auto 0;
padding-left: 20px;
font-size: 14px;
color: var(--text);
}

26
src/main/resources/templates/password.html
View File

@@ -5,32 +5,6 @@
<title>PassMetric</title> <title>PassMetric</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" th:href="@{/css/password.css}"> <link rel="stylesheet" th:href="@{/css/password.css}">
<style>
/* Pasek siły hasła – dopasowany do Twojego stylu */
#strengthBarContainer {
width: min(92vw, 480px);
margin: 10px auto 0;
height: 10px;
background: #e2e8f0;
border-radius: 8px;
overflow: hidden;
}
#strengthBarFill {
height: 100%;
width: 0%;
background: var(--bad);
transition: width 200ms ease, background-color 200ms ease;
}
ul#tipsList {
width: min(92vw, 480px);
margin: 10px auto 0;
padding-left: 20px;
font-size: 14px;
color: var(--text);
}
</style>
</head> </head>
<body> <body>
<h1>Sprawdź siłę hasła</h1> <h1>Sprawdź siłę hasła</h1>