From f2ecc1803f3ea294a0c6b7915b61348ed0395b26 Mon Sep 17 00:00:00 2001 From: Marcin Zelent Date: Wed, 16 Nov 2022 15:16:38 +0100 Subject: Remade and extended the app using React --- components/Sidebar/Sidebar.module.css | 54 ----------------------------------- 1 file changed, 54 deletions(-) delete mode 100644 components/Sidebar/Sidebar.module.css (limited to 'components/Sidebar/Sidebar.module.css') diff --git a/components/Sidebar/Sidebar.module.css b/components/Sidebar/Sidebar.module.css deleted file mode 100644 index a3c8a1a..0000000 --- a/components/Sidebar/Sidebar.module.css +++ /dev/null @@ -1,54 +0,0 @@ -.aside { - min-width: 272px; - height: 100%; - padding: 5px; - display: flex; - flex-direction: column; - border-right: 1px solid #e5e5e5; - box-shadow: -2px 0 10px #000; - z-index: 9999; - background-color: #fff; -} - -.aside h2 { - padding-left: 1.5rem; -} - -.list { - margin: 0; - padding: 0; - list-style: none; - overflow-y: auto; -} - -.listItem { - margin-bottom: 5px; - padding: 1rem 2rem 1rem 1.5rem; - display: block; - border-radius: 10px; - cursor: pointer; - user-select: none; - outline: currentcolor none medium; -} - -.listItem:hover { - background-color: #f5f5f5; -} - -.listItemActive { - background-color: #e9f3ff !important; -} - -@media only screen and (max-width: 500px) { - .aside { - position: absolute; - top: 0; - bottom: 0; - left: -100vw; - transition: left 0.3s ease-in; - } - - .asideOpen { - left: 0; - } -} -- cgit v1.2.3