balmet.com

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

SingleView.js (1293B)

      1 import { useTemplatesStore } from '../state/Templates'
      2 import Single from './parts/Single'
      3 import HasSidebar from './parts/HasSidebar'
      4 import { __ } from '@wordpress/i18n'
      5 import SidebarSingle from './parts/sidebars/SidebarSingle'
      6 import Toolbar from './parts/Toolbar'
      7 
      8 export default function SingleView() {
      9     const activeTemplate = useTemplatesStore(state => state.activeTemplate)
     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                 <div className="absolute bg-white sm:flex inset-0 z-50 sm:space-x-12">
     18                     <HasSidebar>
     19                         <SidebarSingle template={activeTemplate}/>
     20                         <Single template={activeTemplate}/>
     21                     </HasSidebar>
     22                 </div>
     23             </div>
     24         </div>
     25     </div>
     26 }