feature: add possibility to directly add a playlist from the / page

2024-12-03 12:35:23 +00:00
parent d70c3b3913
commit 6b78b90ee7
2 changed files with 75 additions and 1 deletions
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -57,4 +57,47 @@ body {
    .modal-dialog {
      max-width: 90%; /* New width for default modal */
    }
-}
+}
+.searchbar{
+    margin-bottom: auto;
+    margin-top: auto;
+    height: 60px;
+    background-color: #353b48;
+    border-radius: 30px;
+    padding: 10px;
+    }
+
+    .search_input{
+    color: white;
+    border: 0;
+    outline: 0;
+    background: none;
+    width: 450px;
+    caret-color:transparent;
+    line-height: 40px;
+    transition: width 0.4s linear;
+    }
+
+     .searchbar:hover > .search_input{
+    /* padding: 0 10px; */
+    width: 450px;
+    caret-color:red;
+    /* transition: width 0.4s linear; */
+    } 
+
+    .searchbar:hover > .search_icon{
+    background: white;
+    color: #e74c3c;
+    }
+
+    .search_icon{
+    height: 40px;
+    width: 40px;
+    float: right;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 50%;
+    color:white;
+    text-decoration:none;
+    }