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

View File

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