forked from ytmdesktop/ytmdesktop
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request ytmdesktop#42 from Venipa/development
🎨 Added Companion to NavBar, prettier on precommit
- Loading branch information
Showing
9 changed files
with
5,732 additions
and
485 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,55 +1,78 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta charset="UTF-8" /> | ||
| <title>YouTube Music</title> | ||
| <link href="assets/css/material_icons.css" rel="stylesheet"> | ||
| <link href="assets/css/material_icons.css" rel="stylesheet" /> | ||
| <link type="text/css" rel="stylesheet" href="assets/css/styles.css" /> | ||
| <link type="text/css" rel="stylesheet" href="node_modules/materialize-css/dist/css/materialize.min.css" media="screen,projection"/> | ||
| <link | ||
| type="text/css" | ||
| rel="stylesheet" | ||
| href="node_modules/materialize-css/dist/css/materialize.min.css" | ||
| media="screen,projection" | ||
| /> | ||
| </head> | ||
| <body> | ||
|
|
||
| <body> | ||
| <div id="nice-titlebar" class="bar drag"> | ||
|
|
||
| <div class="title"> | ||
| <span id="music-title"></span> | ||
| <span id="music-title"></span> | ||
| </div> | ||
|
|
||
| <div class="cmd-btns"> | ||
| <div class="no-drag pointer cmd-btn green-text hide" id="btn-update"> <i class="material-icons tiny" title="New Update">sync</i> </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-show-settings"> <i class="material-icons tiny" title="Show Setting">settings</i> </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-show-lyric"> <i class="material-icons tiny" title="Show Lyrics">music_note</i> </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-minimize"> <i class="material-icons tiny" title="Minimize">remove</i> </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-maximize"> | ||
| <i id="icon_maximize" class="material-icons tiny" title="Maximize">crop_square</i> | ||
| <i id="icon_restore" class="material-icons tiny hide" title="Restaure">filter_none</i> | ||
| </div> | ||
| <div class="no-drag pointer cmd-btn hover-red" id="btn-close"> <i class="material-icons tiny" title="Close">close</i> </div> | ||
| <div class="no-drag pointer cmd-btn green-text hide" id="btn-update"> | ||
| <i class="material-icons tiny" title="New Update">sync</i> | ||
| </div> | ||
| <div class="no-drag pointer cmd-btn hide" id="btn-show-companion"> | ||
| <i class="material-icons tiny" title="Show Companion" | ||
| >surround_sound</i | ||
| > | ||
| </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-show-settings"> | ||
| <i class="material-icons tiny" title="Show Setting">settings</i> | ||
| </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-show-lyric"> | ||
| <i class="material-icons tiny" title="Show Lyrics">music_note</i> | ||
| </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-minimize"> | ||
| <i class="material-icons tiny" title="Minimize">remove</i> | ||
| </div> | ||
| <div class="no-drag pointer cmd-btn" id="btn-maximize"> | ||
| <i id="icon_maximize" class="material-icons tiny" title="Maximize" | ||
| >crop_square</i | ||
| > | ||
| <i id="icon_restore" class="material-icons tiny hide" title="Restaure" | ||
| >filter_none</i | ||
| > | ||
| </div> | ||
| <div class="no-drag pointer cmd-btn hover-red" id="btn-close"> | ||
| <i class="material-icons tiny" title="Close">close</i> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="center-flex"> | ||
|
|
||
| <div id="center-loading" class="preloader-wrapper big active"> | ||
| <div class="spinner-layer spinner-blue-only"> | ||
| <div class="circle-clipper left"> | ||
| <div class="circle"></div> | ||
| </div><div class="gap-patch"> | ||
| </div> | ||
| <div class="gap-patch"> | ||
| <div class="circle"></div> | ||
| </div><div class="circle-clipper right"> | ||
| </div> | ||
| <div class="circle-clipper right"> | ||
| <div class="circle"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="is-offline" class="hide is-offline"> <i class="material-icons medium">signal_wifi_off</i> </div> | ||
|
|
||
| <div id="is-offline" class="hide is-offline"> | ||
| <i class="material-icons medium">signal_wifi_off</i> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script> | ||
| require('./renderer.js'); | ||
| require("./renderer.js"); | ||
| </script> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.