diff options
| author | Kumar Priyansh <[email protected]> | 2019-06-11 16:06:58 +0530 |
|---|---|---|
| committer | Kumar Priyansh <[email protected]> | 2019-06-11 16:06:58 +0530 |
| commit | 81f6e04e2afe9505f9c97d1e3f25bd9347683d8c (patch) | |
| tree | 4107db934da14c3784857afc68cd44a504505c79 | |
| parent | cf47ca0e1c9e31826ef5d8e6e86353bef0d43db9 (diff) | |
| download | authorr-81f6e04e2afe9505f9c97d1e3f25bd9347683d8c.tar.xz authorr-81f6e04e2afe9505f9c97d1e3f25bd9347683d8c.zip | |
Added Main Window Styles, Updated Main JS
| -rw-r--r-- | main.js | 9 | ||||
| -rw-r--r-- | src/index.html | 10 | ||||
| -rw-r--r-- | src/styles/main.css | 24 |
3 files changed, 37 insertions, 6 deletions
@@ -5,7 +5,12 @@ let win function createWindow () { // Create the browser window. - win = new BrowserWindow({width: 800, height: 600}) + win = new BrowserWindow({ + width: 800, + height: 600, + frame: false, + transparent: true + }) // and load the index.html of the app. win.loadURL(url.format({ @@ -15,7 +20,7 @@ function createWindow () { })) // Open the DevTools. - // win.webContents.openDevTools() + win.webContents.openDevTools() // Emitted when the window is closed. win.on('closed', () => { diff --git a/src/index.html b/src/index.html index 45a8b90..bc44d6b 100644 --- a/src/index.html +++ b/src/index.html @@ -4,11 +4,13 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <title>Document</title> + <title>Authorr</title> + <link rel="stylesheet" href="styles/main.css"> </head> <body> - <script> - console.log('This Works'); - </script> + <div class="dragBar"> + <h1 class="title">authorr.</h1> + </div> + <div class="content"></div> </body> </html>
\ No newline at end of file diff --git a/src/styles/main.css b/src/styles/main.css index e69de29..2cac8bc 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -0,0 +1,24 @@ +.dragBar { + width: 100%; + height: 40px; + position: absolute; + top: 0; + left: 0; + z-index: 99; + -webkit-user-select: none; + -webkit-app-region: drag; + background-color: rgb(172, 172, 172); + border-radius: 5px 5px 0px 0px; +} +.content { + position: absolute; + top: 40px; + background-color: #fff; + border-radius: 0px 0px 5px 5px; + height: calc(100vh - 80px); + width: 100%; +} +body { + margin: 0; + padding: 0; +}
\ No newline at end of file |