adjust responsive layout

This commit is contained in:
Jan Naahs 2020-11-23 18:51:30 +01:00
parent 2e7b00bb82
commit e73be623cb
2 changed files with 5 additions and 5 deletions

View File

@ -9,7 +9,7 @@
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body class="hold-transition skin-blue sidebar-mini layout-fixed ">
<body class="bg-black">
<div id="app"></div>
<div id="modal-root"></div>
<!-- Main application -->

View File

@ -48,7 +48,7 @@ const Layout = ({children, handleLogout, serverStatus, updateServerStatus}) => {
return (
<>
{/*Sidebar*/}
<div className="w-full md:w-88 md:fixed md:top-0 md:left-0 bg-gray-dark md:h-screen">
<div className="w-full md:w-88 md:fixed md:top-0 md:left-0 bg-gray-dark md:h-screen overflow-y-auto">
<div className="py-4 px-2 accentuated">
<div className="mx-4 justify-between flex text-center">
<span className="text-dirty-white text-xl">Factorio Server Manager</span>
@ -96,9 +96,9 @@ const Layout = ({children, handleLogout, serverStatus, updateServerStatus}) => {
</div>
{/*Main*/}
<div className="md:ml-88 bg-gray-100 bg-black min-h-screen">
<div className="container mx-auto bg-gray-100 pt-16 px-6">
{children}
<div className="md:ml-88 min-h-screen">
<div className="container mx-auto pt-16 px-6">
{children}c
</div>
</div>
</>