feat(frontend): basic discover page (only movies) (#74)

This commit is contained in:
sct
2020-09-11 15:46:10 +09:00
committed by GitHub
parent 258bb93be2
commit bbfe349b52
11 changed files with 205 additions and 31 deletions

View File

@@ -8,11 +8,11 @@ const Layout: React.FC = ({ children }) => {
const [isSidebarOpen, setSidebarOpen] = useState(false);
return (
<div className="h-screen flex overflow-hidden bg-gray-100">
<div className="min-h-full h-full flex bg-cool-gray-900">
<Sidebar open={isSidebarOpen} setClosed={() => setSidebarOpen(false)} />
<div className="flex flex-col w-0 flex-1 overflow-hidden">
<div className="relative z-10 flex-shrink-0 flex h-16 bg-white shadow">
<div className="flex flex-col w-0 flex-1 md:ml-64 relative mb-16">
<div className="z-10 flex-shrink-0 flex h-16 bg-cool-gray-600 shadow fixed right-0 left-0 md:left-64">
<button
className="px-4 border-r border-gray-200 text-gray-500 focus:outline-none focus:bg-gray-100 focus:text-gray-600 md:hidden"
aria-label="Open sidebar"
@@ -42,7 +42,7 @@ const Layout: React.FC = ({ children }) => {
</div>
<main
className="flex-1 relative z-0 overflow-y-auto focus:outline-none"
className="relative z-0 top-16 focus:outline-none right-0"
tabIndex={0}
>
<div className="pt-2 pb-6 md:py-6">