mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
form tabs thingy
This commit is contained in:
parent
d27812fc51
commit
e157278e37
@ -1,5 +1,6 @@
|
||||
.preview {
|
||||
font-size: var(--font-size-small);
|
||||
margin-top: calc(var(--spacer) / 2);
|
||||
margin-bottom: var(--spacer);
|
||||
}
|
||||
|
||||
|
@ -1,6 +1,9 @@
|
||||
.form {
|
||||
composes: box from '../../atoms/Box.module.css';
|
||||
margin-bottom: var(--spacer);
|
||||
border-top: none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.actions {
|
||||
|
@ -1,6 +1,14 @@
|
||||
.tabs ul[class*='tabList'] {
|
||||
background-color: var(--background-body);
|
||||
border: 1px solid var(--border-color);
|
||||
border-top-left-radius: var(--border-radius);
|
||||
border-top-right-radius: var(--border-radius);
|
||||
}
|
||||
|
||||
.tabs div[class*='tabContent'] {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.grid {
|
||||
@ -21,6 +29,11 @@ div.alert {
|
||||
grid-template-columns: 1.618fr 1fr;
|
||||
}
|
||||
|
||||
.tabs ul[class*='tabList'] {
|
||||
/* fake the above 1.618fr column */
|
||||
max-width: calc((100% / 1.618) - calc(var(--spacer) / 1.075));
|
||||
}
|
||||
|
||||
.sticky {
|
||||
position: sticky;
|
||||
top: calc(var(--spacer) / 2);
|
||||
|
Loading…
x
Reference in New Issue
Block a user