Improve style for sidebar elements

2022-08-01 12:30:59 +02:00 · 2022-08-01 12:30:59 +02:00 · 43fb019e05
commit 43fb019e05
parent 5121259e83
3 changed files with 17 additions and 11 deletions
--- a/src/Components/Sidebar/Sidebar.tsx
+++ b/src/Components/Sidebar/Sidebar.tsx
@ -19,11 +19,11 @@ export default class Sidebar extends React.Component<ISidebarProps> {
    const isOpenClasses = this.props.isOpen ? 'left-0' : '-left-64';
    return (
      <div className={`fixed bg-blue-500 dark:bg-blue-500 text-white transition-all h-screen w-64 overflow-y-auto z-20 ${isOpenClasses}`}>
-        <div className='w-full h-auto p-4 flex justify-end' onClick={this.props.onClick}>
-          <button className='text-lg'>&times;</button>
-        </div>
+        <button className='close-button hover:bg-blue-600 justify-end' onClick={this.props.onClick}>
+          Close &times;
+        </button>
        <div className='bg-blue-400 sidebar-row'>
-          Composants
+          Components
        </div>
        {listElements}
      </div>