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"
frontend/src/index.css
+5
View File
@@ -1,3 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
*{padding: 0;margin: 0;border: 0;}
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
:focus,:active{outline: none;}
@@ -5,6 +7,9 @@ a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
html,body{
height:100%;width:100%;
padding: 30px;
font-family: 'Manrope', sans-serif;
user-select: none;
font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
frontend/src/pages/LoginPage.css
-16
View File
@@ -1,17 +1,3 @@
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
body {
font-family: 'Manrope', sans-serif;
}
html, body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
padding: 30px;
user-select: none
}
.wrapper {
display: flex;
flex-direction: row;
@@ -65,8 +51,6 @@ html, body {
display: flex;
justify-content: space-between;
}
.main {
}
.main_item {
display: flex;
flex-direction: column;