feat(design): home page new design and functionality #135
@ -5,7 +5,7 @@ $default-modal-padding: 15px 25px;
|
|||||||
.modal {
|
.modal {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 50%;
|
left: calc(50% - 10px);
|
||||||
transform: translate(-50%, 0);
|
transform: translate(-50%, 0);
|
||||||
|
|
||||||
background-color: $overlay-background-color;
|
background-color: $overlay-background-color;
|
||||||
@ -16,6 +16,8 @@ $default-modal-padding: 15px 25px;
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
|
margin: 25px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
@ -23,14 +23,6 @@ export const theme = extendTheme({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
MuiModal: {
|
|
||||||
styleOverrides: {
|
|
||||||
root: {
|
|
||||||
insetBlock: '25px',
|
|
||||||
insetInline: '10px'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
MuiButton: {
|
MuiButton: {
|
||||||
styleOverrides: {
|
styleOverrides: {
|
||||||
root: {
|
root: {
|
||||||
|
Loading…
Reference in New Issue
Block a user