Unverified Commit 789356a3 authored by Andrei Eres's avatar Andrei Eres Committed by GitHub
Browse files

Fix layout (#120)

parent edb61ac8
Pipeline #189874 passed with stages
in 1 minute and 46 seconds
......@@ -11,7 +11,7 @@
</style>
</head>
<body class="bg-_bg-100">
<div id="root" class="my-0 mx-auto w-_max h-_max"></div>
<div id="root" class="my-0 mx-auto w-_max h-screen"></div>
<script src="./extension.js"></script>
</body>
</html>
......@@ -11,7 +11,7 @@
</style>
</head>
<body class="bg-_bg-100">
<div id="root" class="my-0 mx-auto w-_max h-_max"></div>
<div id="root" class="my-0 mx-auto w-_max h-screen"></div>
<script src="./extension.js"></script>
</body>
</html>
......@@ -9,7 +9,7 @@ export const Header = () => {
const actions = useStore(headerActionsStore)
return (
<div className='flex justify-between items-center py-2 px-4 bg-_bg-300 rounded-b'>
<div className='flex justify-between items-center sticky top-0 shadow-lg shadow-_bg-100 z-50 py-2 px-4 bg-_bg-300 rounded-b'>
<div className='flex items-center h-8'>
<img className='h-6 w-6 mr-2' src={logo} />
<div>{EXT_NAME}</div>
......
......@@ -6,7 +6,7 @@ import { Media } from '../components/Media'
export const Main: React.FC<{ children?: React.ReactNode }> = ({
children,
}) => (
<main className='flex flex-col h-full text-_text-500 text-base'>
<main className='flex flex-col h-full text-_text-500 text-base overflow-y-auto'>
<Header />
<Media />
<div className='p-4'>{children}</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment