smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-16 20:52:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

stylecheck

Browse Source
This commit is contained in:
Araxeus
2021-04-04 21:52:16 +03:00
parent 73b0ddc2ce
commit 10e29090d8
4 changed files with 90 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
menu.js
View File

@ -148,7 +148,7 @@ const mainMenuTemplate = (win) => [
type: "checkbox", type: "checkbox",
checked: !!config.get("options.proxy"), checked: !!config.get("options.proxy"),
click: (item) => { click: (item) => {
setProxy(item); setProxy(item, win);
} }
}, },
{ {
@ -311,29 +311,24 @@ module.exports.setApplicationMenu = (win) => {
const iconPath = path.join(__dirname, "assets", "youtube-music-tray.png"); const iconPath = path.join(__dirname, "assets", "youtube-music-tray.png");
const example = `Example: "socks5://127.0.0.1:9999"`; const example = `Example: "socks5://127.0.0.1:9999"`;
function setProxy(item) { function setProxy(item, win) {
let options = { let options = {
title: 'Set Proxy', title: 'Set Proxy',
label: 'Enter Proxy Address (leave empty to disable)', label: 'Enter Proxy Address: (leave empty to disable)',
value: config.get("options.proxy") || example, value: config.get("options.proxy") || example,
inputAttrs: { inputAttrs: {
type: 'text' type: 'text'
}, },
type: 'input', type: 'input',
alwaysOnTop: true,
icon: iconPath, icon: iconPath,
customStylesheet: path.join(__dirname, "prompt", "darkPrompt.css"), customStylesheet: path.join(__dirname, "prompt", "darkPrompt.css"),
};
if (config.plugins.isEnabled("in-app-menu")) {
Object.assign(options, {
frame: false, frame: false,
customScript: path.join(__dirname, "prompt", "customTitlebar.js"), customScript: path.join(__dirname, "prompt", "customTitlebar.js"),
enableRemoteModule: true, enableRemoteModule: true,
height: 200, height: 200,
width: 450, width: 450,
}) };
} prompt(options, win)
prompt(options)
.then((input) => { .then((input) => {
if (input !== null && input !== example) { if (input !== null && input !== example) {
config.set("options.proxy", input); config.set("options.proxy", input);

14
prompt/darkPrompt.css
View File

@ -1,4 +1,3 @@
body { body {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
background-image: linear-gradient(315deg, #200000 0%, #13253a 74%); background-image: linear-gradient(315deg, #200000 0%, #13253a 74%);
@ -12,8 +11,8 @@ body {
#container { #container {
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur( 10.0px ); backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur( 10.0px ); -webkit-backdrop-filter: blur(10px);
border-radius: 10px; border-radius: 10px;
border: 1px solid rgba(80, 0, 0, 0.4); border: 1px solid rgba(80, 0, 0, 0.4);
overflow: hidden; overflow: hidden;
@ -34,14 +33,13 @@ body {
border: 1px solid rgb(85, 85, 85); border: 1px solid rgb(85, 85, 85);
} }
#ok:hover, #cancel:hover { #ok:hover,
#cancel:hover {
outline: rgba(60, 0, 0, 0.4) solid 2px; outline: rgba(60, 0, 0, 0.4) solid 2px;
/*
border: 1px solid rgba(60, 0, 0, 0.4);
*/
} }
#ok, #cancel { #ok,
#cancel {
background-color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);
color: whitesmoke; color: whitesmoke;
} }

26
prompt/page/prompt.css
View File

@ -1,5 +1,7 @@
body { body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial,
sans-serif;
line-height: 1.5em; line-height: 1.5em;
color: #333; color: #333;
background-color: #fff; background-color: #fff;
@ -21,14 +23,14 @@ body {
#form { #form {
width: 100%; width: 100%;
padding-top: .5em; padding-top: 0.5em;
} }
#label { #label {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
margin-bottom: .8em; margin-bottom: 0.8em;
padding: 0 .5em; padding: 0 0.5em;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -38,7 +40,7 @@ body {
border-radius: 2px; border-radius: 2px;
background: #fff; background: #fff;
width: 90%; width: 90%;
padding: .4em .5em; padding: 0.4em 0.5em;
border: 1px solid black; border: 1px solid black;
min-height: 2em; min-height: 2em;
margin: 0 0 1.2em; margin: 0 0 1.2em;
@ -54,25 +56,25 @@ select#data {
#buttons { #buttons {
text-align: right; text-align: right;
padding: 0 .5em 0 0; padding: 0 0.5em 0 0;
} }
#buttons > button, #buttons > button,
#buttons > input[type=submit] { #buttons > input[type="submit"] {
border-radius: 2px; border-radius: 2px;
border: 0; border: 0;
margin: 0 0 0 .5em; margin: 0 0 0 0.5em;
font-size: .8em; font-size: 0.8em;
line-height: 1em; line-height: 1em;
padding: .6em 1em padding: 0.6em 1em;
} }
#ok { #ok {
background-color: #3879D9; background-color: #3879d9;
color: white; color: white;
} }
#cancel { #cancel {
background-color: #DDD; background-color: #ddd;
color: black; color: black;
} }