MH.Dmitrii/The_DisExcel_project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix css

Browse Source
This commit is contained in:
MH.Dmitrii
2026-09-23 15:23:14 +03:00
parent f5035b0aa2
commit 3e0e82f016
4 changed files with 19 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/auth/components/AuthComponent.css
+2 -2
View File
@@ -128,7 +128,7 @@ input {
}
label {
.remember-me label {
display: flex;
flex-direction: row;
@@ -137,7 +137,7 @@ label {
accent-color: #087A55;
}
label input[type="checkbox"] {
.remember-me label input[type="checkbox"] {
width: 25px;
height: 25px;
border-radius: 10px;
frontend/src/features/auth/components/AuthComponent.tsx
+12 -6
View File
@@ -14,33 +14,39 @@ export function Auth():ReactElement {
<form>
<h1 className="Title"> Добро Пожаловать <br /> в The DisExcel Project </h1>
<p className="Description">Войдите в систему, чтобы продолжить работу с вашими процессами</p>
<p className="Fields">Email</p>
<label className="Fields" htmlFor="email">Email</label>
<div className="email_field">
<input
id="email"
name="email"
type="email"
autoComplete="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
placeholder="Email"
required
/>
<svg className="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
<rect x="3" y="5" width="18" height="14" rx="2.5" stroke="#72879A" stroke-width="1.8"/>
<path d="m4.5 7 7.5 6 7.5-6" stroke="#72879A" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="3" y="5" width="18" height="14" rx="2.5" stroke="#72879A" strokeWidth="1.8"/>
<path d="m4.5 7 7.5 6 7.5-6" stroke="#72879A" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
</div>
<p className="Fields">Password</p>
<label className="Fields" htmlFor="password">Password</label>
<div className="pass_field">
<input
id="password"
name="password"
type={showPassword ? "text" : "password"}
autoComplete="current-password"
value={password}
onChange={(e) => setPassword(e.target.value)}
placeholder="Password"
required
/>
<svg className="pass-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
<rect x="4" y="10" width="16" height="11" rx="2.5" stroke="#72879A" stroke-width="1.8"/>
<path d="M8 10V7a4 4 0 0 1 8 0v3" stroke="#72879A" stroke-width="1.8" stroke-linecap="round"/>
<rect x="4" y="10" width="16" height="11" rx="2.5" stroke="#72879A" strokeWidth="1.8"/>
<path d="M8 10V7a4 4 0 0 1 8 0v3" stroke="#72879A" strokeWidth="1.8" strokeLinecap="round"/>
</svg>
<button
type="button"