Grasscutters/GrassClipper
3
0
Fork 0
mirror of https://github.com/Grasscutters/GrassClipper.git synced 2024-11-16 04:45:34 +00:00
Code Issues Projects Releases Wiki Activity

first styling and layout

Browse Source
This commit is contained in:
SpikeHD 2022-04-19 16:54:36 -07:00
parent d661d8f82e
commit e2f88a99f8
5 changed files with 53 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored
View File

@ -2,4 +2,6 @@ node_modules/
bin/ bin/
dist/ dist/
resources/js/neutralino.js resources/js/neutralino.js
neutralinojs.log

2
neutralino.config.json
View File

@ -30,7 +30,7 @@
"fullScreen": false, "fullScreen": false,
"alwaysOnTop": false, "alwaysOnTop": false,
"icon": "/resources/icons/appIcon.png", "icon": "/resources/icons/appIcon.png",
"enableInspector": false, "enableInspector": true,
"borderless": false, "borderless": false,
"maximize": false, "maximize": false,
"hidden": false, "hidden": false,

4
package.json
View File

@ -5,7 +5,7 @@
"author": "SpikeHD <spikegdofficial@gmail.com>", "author": "SpikeHD <spikegdofficial@gmail.com>",
"license": "Apache-2.0", "license": "Apache-2.0",
"scripts": { "scripts": {
"dev": "", "dev": "neu run",
"build": "" "build": "neu build"
} }
} }

18
resources/index.html
View File

@ -1,6 +1,16 @@
<!DOCTYPE html>
<html> <html>
<head>
<link rel="stylesheet" type="text/css" href="style/index.css" />
</head>
<body>
<div id="halvesContainer">
<div id="firstHalf">
<button>Play Official</button>
</div>
<div id="secondHalf">
<button>Play Private</button>
</div>
</div>
</body>
</html> </html>
<body>
<h1>Hello from Neutralino!</h1>
</body>

33
resources/style/index.css Normal file
View File

@ -0,0 +1,33 @@
body {
overflow: none;
height: 100vh;
}
button {
padding: 0 30px;
border-radius: 5px;
border: none;
background: linear-gradient(#ffd326, #ffc61e);
color: #704a1d;
font-weight: bold;
height: 50px;
font-size: 20px;
}
#halvesContainer {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
}
#firstHalf, #secondHalf {
display: flex;
justify-content: center;
width: 100%;
}
#firstHalf {
border-right: 1px solid black;
}