Dokończenie pliku CSS aby był zgodny z projektem graficznym
This commit is contained in:
parent
360dc9bb2b
commit
87da2b7520
@ -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;
|
||||
}
|
Loading…
Reference in New Issue
Block a user