G-Loot DS — drawer mobile

by Augustin Hiebel

HTML

<div className="drawer drawer-mobile h-56 surface rounded-lg">
   <input id="drawer-2" type="checkbox" className="drawer-toggle" />
   <div className="drawer-content flex flex-col items-center justify-center">
     <div className="block lg:hidden">
       <label htmlFor="drawer-2" className="button button-primary drawer-button">
         Open drawer
       </label>
     </div>
   </div>
   <div className="drawer-side">
     <label htmlFor="drawer-2" className="drawer-overlay"></label>
     <div className="p-4 overflow-y-auto w-1/2 lg:w-80 bg-ui-700 text-base-content">
       <ul className="menu">
         <li>
           <a>
             <span>Item 1</span>
           </a>
         </li>
         <li>
           <a>
             <span>Item 2</span>
           </a>
         </li>
         <li>
           <a>
             <span>Item 3</span>
           </a>
         </li>
       </ul>
     </div>
   </div>
 </div>