s464967/Inzynierka_Gwiazdy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Dokończenie pliku CSS aby był zgodny z projektem graficznym

Browse Source
This commit is contained in:
Jerzy Kwiatkowski 2023-10-18 21:21:58 +02:00
parent 360dc9bb2b
commit 87da2b7520
1 changed files with 31 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
react/src/App.css
View File

@ -1,44 +1,55 @@
.container{ .container{
margin-left: 355px; margin: auto 7vw;
margin-right: 355px;
padding: 75px; padding: 75px;
padding-top: 70px !important; padding-top: 70px !important;
position: relative; position: relative;
display: grid;
grid-template-areas:
"dataSet columns"
"tableQuarry columns"
"button ."
"resoult resoult";
grid-column-gap: 2vw;
grid-row-gap: 1vh;
} }
.row { .dataset{
display: flex; grid-area: dataSet;
justify-content: space-between;
gap: 10%;
margin-bottom: 2vh;
} }
.column { .table{
flex: 1; grid-area: tableQuarry;
margin-right: 10px;
} }
.column:last-child { .colums{
margin-right: 0; grid-area: columns;
} }
.col{ .test{
height: 100% !important; grid-area: button;
}
.Resoult{
grid-area: resoult;
}
.colums input{
height: 100%;
} }
input.no-margin{ input.no-margin{
margin: 0 !important; margin: 0 !important;
} }
input[type="text"] { input{
width: 100%; width: 100%;
height: 2vh; height: 5vh;
padding: 10px;
margin-bottom: 10px;
border-radius: 17px; border-radius: 17px;
border: none; border: none;
background-color: #F3F3F3; background-color: #F3F3F3;
color: black; color: black;
padding-left: 10px;
} }
button { button {
@ -58,9 +69,10 @@ button:hover {
textarea { textarea {
width: 100%; width: 100%;
height: 200px; height: 200px;
padding: 10px;
border-radius: 17px; border-radius: 17px;
border: none; border: none;
background-color: #F3F3F3; background-color: #F3F3F3;
color: black; color: black;
padding-left: 10px;
padding-top: 10px;
} }