fix play from album page

+ setup favorites page

src/components/BottomBar.vue

@@ -147,6 +147,10 @@ const queue = useQStore();
     .info {
       width: 30rem;
 
+      @media (max-width: 833px) {
+        width: 20rem !important;
+      }
+
       .with-title {
         display: grid;
         grid-template-columns: max-content 1fr max-content;

src/components/LeftSidebar/Navigation.vue

@@ -33,6 +33,7 @@ import PlaylistSvg from "../../assets/icons/playlist-1.svg";
 import QueueSvg from "../../assets/icons/queue.svg";
 import SearchSvg from "../../assets/icons/search.svg";
 import SettingsSvg from "../../assets/icons/settings.svg";
+import HeartSvg from "../../assets/icons/heart.svg";
 
 const menus = [
   {
@@ -50,6 +51,11 @@ const menus = [
   {
     separator: true,
   },
+  {
+    name: "favorites",
+    route_name: Routes.favorites,
+    icon: HeartSvg,
+  },
   {
     name: "queue",
     route_name: Routes.queue,

src/components/nav/Titles/Folder.vue

@@ -102,7 +102,7 @@ onUpdated(() => {
             content: "∕";
             font-size: small;
             margin-right: $smaller;
-            color: $gray;
+            color: $gray2;
             font-size: 1rem;
           }