diff options
author | Marcin Zelent <marcin@zelent.net> | 2022-11-16 15:16:38 +0100 |
---|---|---|
committer | Marcin Zelent <marcin@zelent.net> | 2022-11-16 15:16:38 +0100 |
commit | f2ecc1803f3ea294a0c6b7915b61348ed0395b26 (patch) | |
tree | e8c6fb1350ae4f659b3f9ef8d17157158b974b16 /components/Sidebar/Sidebar.module.css | |
parent | efb64f24d6200a39870c0e8966ab4f87e07c93a9 (diff) |
Remade and extended the app using React
Diffstat (limited to 'components/Sidebar/Sidebar.module.css')
-rw-r--r-- | components/Sidebar/Sidebar.module.css | 54 |
1 files changed, 0 insertions, 54 deletions
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; - } -} |