mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
some header fixes
This commit is contained in:
parent
7ae8205e27
commit
72c096daca
9 changed files with 53 additions and 38 deletions
|
@ -1,16 +1,17 @@
|
|||
import * as React from 'react';
|
||||
import { SidePane } from "~/components/main/SidePane";
|
||||
import * as styles from './styles.scss';
|
||||
import { Header } from "~/components/main/Header";
|
||||
|
||||
export const MainLayout = ({ children }) => {
|
||||
|
||||
return (
|
||||
<div className={styles.wrapper}>
|
||||
<Header />
|
||||
|
||||
<div className={styles.content}>
|
||||
{children}
|
||||
</div>
|
||||
|
||||
<SidePane />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -1,14 +1,19 @@
|
|||
.wrapper {
|
||||
width: 100%;
|
||||
padding: $gap $gap $gap 74px;
|
||||
// padding: $gap $gap $gap 74px;
|
||||
padding: 0 $gap;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
//align-items: flex-start;
|
||||
//justify-content: center;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex: 0 1 $content_width;
|
||||
// flex: 0 1 $content_width;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: $content_width;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue