fix inconsistencies in heights and paddings
This commit is contained in:
parent
4a9c4a93e0
commit
2b192006b1
|
@ -39,4 +39,16 @@
|
||||||
grid-gap: 18px;
|
grid-gap: 18px;
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
.inputs :global(input) {
|
||||||
|
padding: 10px 12px;
|
||||||
|
border-radius: var(--rounded-small);
|
||||||
|
}
|
||||||
|
.inputs :global(select) {
|
||||||
|
padding: 9px 12px;
|
||||||
|
border-radius: var(--rounded-small);
|
||||||
|
}
|
||||||
|
.inputs :global(button) {
|
||||||
|
border-radius: var(--rounded-small);
|
||||||
|
height: initial;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -103,16 +103,12 @@
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-gap: 12px;
|
grid-gap: 12px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: var(--grey-2);
|
background-color: var(--grey-1);
|
||||||
padding: 12px 12px 18px 12px;
|
padding: 12px 12px 18px 12px;
|
||||||
}
|
}
|
||||||
.background.create {
|
.background.create {
|
||||||
background-color: var(--blue-light);
|
background-color: var(--blue-light);
|
||||||
}
|
}
|
||||||
.inputs :global(select) {
|
|
||||||
padding: 12px 9px;
|
|
||||||
height: initial;
|
|
||||||
}
|
|
||||||
.create-button {
|
.create-button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 12px;
|
top: 12px;
|
||||||
|
@ -132,6 +128,14 @@
|
||||||
grid-gap: 18px;
|
grid-gap: 18px;
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
.inputs :global(input) {
|
||||||
|
padding: 10px 12px;
|
||||||
|
border-radius: var(--rounded-small);
|
||||||
|
}
|
||||||
|
.inputs :global(select) {
|
||||||
|
padding: 9px 12px;
|
||||||
|
border-radius: var(--rounded-small);
|
||||||
|
}
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
Loading…
Reference in New Issue