Save Markdowns

src/components/PathManager.css

@@ -1,57 +1,39 @@
-.path-manager {
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    padding: 1rem;
-    background-color: #f9f9f9;
+.path-manager-body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
 }
 
-.path-manager-header {
+.dropdown {
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    margin-bottom: 1rem;
+    position: relative;
 }
 
-.current-path {
-    font-weight: bold;
-    font-size: 1rem;
+.dropdown .dropdown-input {
+    flex: 1;
 }
 
-.sub-paths {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+.dropdown .dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    width: 100%;
+    z-index: 10;
+    background: white;
+    border: 1px solid #ddd;
+    border-radius: 0.25rem;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    max-height: 200px;
+    overflow-y: auto;
 }
 
-.sub-path-item {
+.dropdown-item {
     padding: 0.5rem;
-    font-size: 1rem;
-    color: #4a4a4a;
-    border-bottom: 1px solid #ddd;
     cursor: pointer;
     transition: background-color 0.2s;
 }
 
-.sub-path-item:last-child {
-    border-bottom: none;
-}
-
-.sub-path-item:hover {
+.dropdown-item:hover {
     background-color: #f0f0f0;
-    color: #00d1b2;
 }
-
-.path-manager-footer {
-    margin-top: 1rem;
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-.path-manager-footer .input {
-    flex: 1;
-}
-
-.path-manager-footer .button {
-    white-space: nowrap;
-}