s412146/tasko-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add forms fixed.

Browse Source
This commit is contained in:
FilipHalon 2020-01-20 11:07:15 +01:00
parent d8983d408c
commit 4afa6c3476
3 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pages/components/NewTaskAdd.js
View File

@ -16,13 +16,13 @@ const NewTaskAdd = props => {
<form className="solution-add-area"> <form className="solution-add-area">
{isNewSolution ? {isNewSolution ?
<div className="input-area"> <div className="input-area">
<input type="file" placeholder="Załaduj rozwiązanie"/> <input type="file"/>
</div> </div>
: :
<div className="input-area"> <div className="input-area">
<input type="text" placeholder="Podaj streszczenie zadania"/> <textarea type="text" rows="4" cols="90" placeholder="Podaj streszczenie zadania"/>
<input type="text" placeholder="Wybierz język programowania"/> <input type="text" placeholder="Wybierz język programowania"/>
<input type="text" placeholder="Podaj szczegóły zadania"/> <textarea type="text" rows="8" cols="90" placeholder="Podaj szczegóły zadania"/>
</div> </div>
} }
<div> <div>

2
pages/components/UserAuthForm.js
View File

@ -15,7 +15,7 @@ const UserAuthForm = props => {
{isRegisterForm ? {isRegisterForm ?
<h1>Rejestracja konta {isDeveloperAccount ? 'programisty' : 'firmy'} do systemu Task-O!</h1> : <h1>Rejestracja konta {isDeveloperAccount ? 'programisty' : 'firmy'} do systemu Task-O!</h1> :
<h1>Logowanie do systemu Task-O!</h1>} <h1>Logowanie do systemu Task-O!</h1>}
<form> <form className="auth-form">
{isEnterCodeStage && {isEnterCodeStage &&
<ul> <ul>
<li> <li>

48
style.css
View File

@ -151,7 +151,7 @@ h1 {
/* register page */ /* register page */
form { form.auth-form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 2%; margin-top: 2%;
@ -187,7 +187,8 @@ form span {
border-right: 1px solid #E6EBF1; border-right: 1px solid #E6EBF1;
} }
form input { form input,
form textarea {
width: 100%; width: 100%;
border: none; border: none;
padding-left: 1.75rem; padding-left: 1.75rem;
@ -522,15 +523,16 @@ div.task-description {
/* solution add */ /* solution add */
main.solution-add .task-description { main.solution-add .task-description {
width: 90%; /* width: 90%; */
height: 100%; /* height: 100%; */
} }
.solution-add-area { div.solution-add-area {
display: flex; /* display: flex; */
flex-direction: column; /* flex-direction: column; */
justify-content: space-between; /* justify-content: space-between; */
height: 400px; /* width: 100%; */
/* height: 400px; */
} }
.solution-add-message { .solution-add-message {
@ -582,27 +584,31 @@ main.solution-add .task-description {
/* new task add */ /* new task add */
form.solution-add-area { form.solution-add-area {
min-width: 90%; display: flex;
height: auto; flex-direction: column;
align-items: center; /* width: 100%; */
/* height: auto; */
/* align-items: center; */
} }
.input-area { .input-area {
width: 100%; display: flex;
flex-direction: column;
align-items: center;
/* width: 90%; */
} }
.input-area input { .input-area input,
/* width: 100%; */ .input-area textarea {
width: 90%;
padding: 0;
margin: 3% 4%; margin: 3% 4%;
box-shadow: 0px 7px 14px #32325D1A; box-shadow: 0px 7px 14px #32325D1A;
} }
.input-area input:first-of-type { textarea {
height: 100px; width: 100%;
} border: none;
.input-area input:last-of-type {
height: 200px;
} }
form.solution-add-area > div:last-of-type { form.solution-add-area > div:last-of-type {