From ba16959fb9e3439485bbeee30c14d842d662c61e Mon Sep 17 00:00:00 2001 From: Satyam Rathor Date: Tue, 30 Apr 2024 20:52:12 +0530 Subject: [PATCH] responsive-design --- public/js/script.js | 2 +- public/styles/style.css | 16 ++++++++++++++++ views/index.ejs | 1 - 3 files changed, 17 insertions(+), 2 deletions(-) diff --git a/public/js/script.js b/public/js/script.js index 36cbbeb..e60a817 100644 --- a/public/js/script.js +++ b/public/js/script.js @@ -14,7 +14,7 @@ let globalData = null; const p = async () => { try { - const response = await fetch("https://music-stream-a261.onrender.com/search1"); + const response = await fetch("http://localhost:3030/search1"); const data = await response.json(); globalData = data; console.log(data); diff --git a/public/styles/style.css b/public/styles/style.css index 445cda0..cd52113 100644 --- a/public/styles/style.css +++ b/public/styles/style.css @@ -444,3 +444,19 @@ input[type="range"]:disabled::-moz-range-thumb { .name{ width: 300px; } + + +@media(max-width:1080px){ + .ui{ + display: flex; + flex-direction: column; + } + .player{ + height: 600px; + max-width: 50vh; + } + .search-box{ + max-width: 50vh; + height: 600px; + } + } diff --git a/views/index.ejs b/views/index.ejs index 3d2ee29..bff30d4 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -84,7 +84,6 @@ <% } %> <% } %> -