Merge pull request #146 from tsirysndr/fix/popover

fix(webui): update DeviceList and PlayQueue Popover width
This commit is contained in:
Tsiry Sandratraina
2023-02-21 07:56:56 +03:00
committed by GitHub
7 changed files with 14 additions and 12 deletions

View File

@@ -1,7 +1,7 @@
{
"files": {
"main.css": "/static/css/main.6215da36.css",
"main.js": "/static/js/main.b1019203.js",
"main.js": "/static/js/main.009f9a63.js",
"static/js/787.26bf0a29.chunk.js": "/static/js/787.26bf0a29.chunk.js",
"static/media/RockfordSans-ExtraBold.otf": "/static/media/RockfordSans-ExtraBold.1513e8fd97078bfb7708.otf",
"static/media/RockfordSans-Bold.otf": "/static/media/RockfordSans-Bold.c9f599ae01b13e565598.otf",
@@ -10,11 +10,11 @@
"static/media/RockfordSans-Light.otf": "/static/media/RockfordSans-Light.b4a12e8abb38f7d105c4.otf",
"index.html": "/index.html",
"main.6215da36.css.map": "/static/css/main.6215da36.css.map",
"main.b1019203.js.map": "/static/js/main.b1019203.js.map",
"main.009f9a63.js.map": "/static/js/main.009f9a63.js.map",
"787.26bf0a29.chunk.js.map": "/static/js/787.26bf0a29.chunk.js.map"
},
"entrypoints": [
"static/css/main.6215da36.css",
"static/js/main.b1019203.js"
"static/js/main.009f9a63.js"
]
}

View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Music Player</title><script defer="defer" src="/static/js/main.b1019203.js"></script><link href="/static/css/main.6215da36.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Music Player</title><script defer="defer" src="/static/js/main.009f9a63.js"></script><link href="/static/css/main.6215da36.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

View File

@@ -9,11 +9,12 @@ import { Kodi, Airplayaudio, Chromecast } from "@styled-icons/simple-icons";
import { Speaker } from "@styled-icons/remix-fill";
const Container = styled.div`
height: calc(100vh - 153px); /* - 90px */
max-height: calc(100vh - 153px); /* - 90px */
padding-top: 15px;
padding-bottom: 15px;
overflow-y: auto;
width: 350px;
width: 370px;
min-height: 200px;
`;
const List = styled.div`
@@ -21,6 +22,7 @@ const List = styled.div`
padding-left: 15px;
padding-right: 15px;
overflow-y: auto;
min-height: 200px;
`;
const Icon = styled.div`
@@ -87,7 +89,7 @@ const Placeholder = styled.div`
display: flex;
align-items: center;
justify-content: center;
height: calc(100vh - 273px);
height: 300px;
text-align: center;
padding-left: 20px;
padding-right: 20px;

View File

@@ -9,7 +9,7 @@ import { useTheme } from "@emotion/react";
const Container = styled.div`
height: calc(100vh - 113px);
width: 356px;
width: 370px;
`;
const Header = styled.div`