balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

GridView.js (1641B)

      1 import SidebarMain from './parts/sidebars/SidebarMain'
      2 import Grid from './parts/Grid'
      3 import HasSidebar from './parts/HasSidebar'
      4 import TypeSelect from '../components/TypeSelect'
      5 import { __ } from '@wordpress/i18n'
      6 import TaxonomyBreadcrumbs from '../components/TaxonomyBreadcrumbs'
      7 import Toolbar from './parts/Toolbar'
      8 
      9 export default function GridView() {
     10     return <div className="bg-white h-full flex flex-col items-center relative shadow-xl max-w-screen-4xl mx-auto">
     11         <Toolbar className="w-full h-16 border-solid border-0 border-b border-gray-300 flex-shrink-0"/>
     12         <div className="w-full flex-grow overflow-hidden">
     13             <a href="#extendify-templates" className="sr-only focus:not-sr-only focus:text-blue-500">
     14                 {__('Skip to content', 'extendify-sdk')}
     15             </a>
     16             <div className="sm:flex sm:space-x-12 relative bg-white mx-auto max-w-screen-4xl h-full">
     17                 <HasSidebar>
     18                     <SidebarMain/>
     19                     <>
     20                         <TypeSelect/>
     21                         {/* TODO: we may want to inject this as a portal so it can directly share state with SidebarMain.js */}
     22                         <TaxonomyBreadcrumbs/>
     23                         <div className="relative h-full z-30 bg-white">
     24                             <div className="absolute z-20 inset-0 lg:static h-screen overflow-y-auto pt-4 sm:pt-0 px-6 sm:pl-0 sm:pr-8 pb-40">
     25                                 <Grid/>
     26                             </div>
     27                         </div>
     28                     </>
     29                 </HasSidebar>
     30             </div>
     31         </div>
     32     </div>
     33 }