add media queries

src/composables/album.js

@@ -1,4 +1,4 @@
-let base_uri = "http://127.0.0.1:9876";
+let base_uri = "http://0.0.0.0:9876";
 
 const getAlbumTracks = async (name, artist) => {
   const res = await fetch(

src/composables/getFiles.js

@@ -1,4 +1,4 @@
-let base_uri = "http://127.0.0.1:9876";
+let base_uri = "http://0.0.0.0:9876";
 
 const getData = async (path) => {
   let url;

src/composables/perks.js

@@ -10,7 +10,7 @@ const current = ref(state.current);
 const next = ref({
   title: "The next song",
   artists: ["... blah blah blah"],
-  image: "http://127.0.0.1:8900/images/defaults/4.webp",
+  image: "http://0.0.0.0:8900/images/defaults/4.webp",
   _id: {
     $oid: "",
   },

src/composables/playAudio.js

@@ -8,7 +8,7 @@ const audio = ref(new Audio()).value;
 const pos = ref(0);
 const playing = ref(state.is_playing);
 
-const url = "http://127.0.0.1:8901/";
+const url = "http://0.0.0.0:8901/";
 
 const playAudio = (path) => {
   const full_path = url + encodeURIComponent(path);

src/composables/searchMusic.js

@@ -1,6 +1,6 @@
 import state from "./state.js";
 
-const base_url = "http://127.0.0.1:9876/search?q=";
+const base_url = "http://0.0.0.0:9876/search?q=";
 
 async function search(query) {
   const url = base_url + encodeURIComponent(query);

src/composables/state.js

@@ -6,7 +6,7 @@ const queue = ref([
   {
     title: "Nothing played yet",
     artists: ["... blah blah blah"],
-    image: "http://127.0.0.1:8900/images/defaults/5.webp",
+    image: "http://0.0.0.0:8900/images/defaults/5.webp",
     _id: {
       $oid: "",
     },
@@ -19,7 +19,7 @@ const folder_list = ref([]);
 const current = ref({
   title: "Nothing played yet",
   artists: ["... blah blah blah"],
-  image: "http://127.0.0.1:8900/images/defaults/1.webp",
+  image: "http://0.0.0.0:8900/images/defaults/1.webp",
   _id: {
     $oid: "",
   },