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

This commit is contained in:
Jerzy Kwiatkowski 2023-10-18 21:21:58 +02:00
parent 360dc9bb2b
commit 87da2b7520

View File

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