manage markdowns by path

2024-12-05 18:28:15 +00:00
parent 788fd2f37a
commit da1860a269
12 changed files with 441 additions and 198 deletions
--- a/src/components/Navigations/SideNavigation.css
+++ b/src/components/Navigations/SideNavigation.css
@@ -1,60 +1,47 @@
 /* src/components/SideNavigation.css */
-.side-navigation {
-    width: 250px;
-    background-color: #ffffff;
+.menu {
+    border: 1px solid #ddd;
+    border-radius: 8px;
    padding: 1rem;
-    border-right: 1px solid #dbdbdb;
-    height: 100%;
-    overflow-y: auto;
-    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
+    background-color: #f9f9f9;
 }

-.side-navigation h3 {
-    font-size: 1.2rem;
-    font-weight: 600;
-    color: #4a4a4a;
-    margin-bottom: 0.75rem;
-    border-bottom: 1px solid #dbdbdb;
-    padding-bottom: 0.5rem;
-}
-
-.side-navigation ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.side-navigation ul li {
-    margin-bottom: 0.5rem;
-    transition: background-color 0.3s ease, padding-left 0.3s ease;
-}
-
-.side-navigation ul li:hover {
-    background-color: #f5f5f5;
-    padding-left: 10px;
-}
-
-.side-navigation ul li a {
-    text-decoration: none;
-    color: #3273dc;
-    font-weight: 500;
-    display: inline-block;
-    width: 100%;
-    padding: 0.5rem 0.75rem;
-    border-radius: 4px;
-    transition: color 0.3s ease, background-color 0.3s ease;
-}
-
-.side-navigation ul li a:hover {
-    text-decoration: none;
-    color: #ffffff;
-    background-color: #3273dc;
-}
-
-.side-navigation ul li span {
-    font-weight: 700;
+.menu-label {
+    font-size: 1.25rem;
    color: #363636;
-    margin-bottom: 0.5rem;
-    display: inline-block;
-    padding: 0.5rem 0.75rem;
-}
+    margin-bottom: 1rem;
+}
+
+.menu-list {
+    margin-left: 0;
+}
+
+.menu-list-item {
+    padding: 0.5rem;
+    font-size: 1rem;
+    color: #4a4a4a;
+    border-bottom: 1px solid #ddd;
+}
+
+.menu-list-item:last-child {
+    border-bottom: none;
+}
+
+.menu-list-item:hover {
+    background-color: #f5f5f5;
+    color: #00d1b2;
+}
+
+.has-text-weight-bold {
+    font-weight: 600;
+    cursor: pointer;
+}
+
+.is-clickable {
+    color: #3273dc;
+    text-decoration: underline;
+}
+
+.is-clickable:hover {
+    color: #2759a7;
+}