neoboxels/neoboxels
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve UI

Browse source
This commit is contained in:
biglyderv 2025-05-20 17:20:29 -04:00
parent 3d55d03097
commit 2e39d119a4
Signed by: biglyderv
GPG key ID: 0E2EB0B4CD7397B5
2 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

17
css/core.css
View file

@ -37,7 +37,8 @@ button, a, textarea {
display: none; display: none;
background: rgb(44, 142, 255); background: rgb(61, 152, 255);
border: solid 5px rgb(19, 109, 182);
color: white; color: white;
font-family: inherit; font-family: inherit;
@ -55,7 +56,6 @@ div#header-title {
#header-links a { #header-links a {
margin-top: 0; margin-top: 0;
background: none;
} }
#header { #header {
@ -86,9 +86,8 @@ div#header-title {
overflow-y: auto; overflow-y: auto;
} }
.buttons > .selected-group { .buttons > .selected-group {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(4, 1fr);
justify-content: flex-start;
height: 100px; height: 100px;
padding: 10px; padding: 10px;
overflow-y: auto; overflow-y: auto;
@ -100,20 +99,22 @@ div#header-title {
text-decoration: none; text-decoration: none;
} }
.buttons button { .buttons button {
width: calc(25% - 6px); flex-grow: 1;
border: solid 5px rgba(0,0,0,0.3);
} }
.tab-bar > * { .tab-bar > * {
background: #616161; background: #414141;
margin: 0; margin: 0;
margin-top: 8px; margin-top: 8px;
border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
padding: 8px 10px; padding: 8px 10px;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
border: solid 5px rgb(49, 49, 49)
} }
.tab-bar > .selected-group { .tab-bar > .selected-group {
background: #7b7b7b; background: #4e4e4e;
} }
#game { #game {

4
index.html
View file

@ -3,10 +3,10 @@
<head> <head>
<!-- Metadata --> <!-- Metadata -->
<title>Altboxels</title> <title>Neoboxels</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" <meta name="description"
content="Altboxels is a pixel sandbox game that enables anyone to empower their imagination. It shares many characteristics with Sandboxels, the Powder Toy, among other games in the genre. Many features are custom-built, including the physics engine!"> content="Neoboxels is a pixel sandbox game that enables anyone to empower their imagination. It shares many characteristics with Sandboxels, the Powder Toy, among other games in the genre. Many features are custom-built, including the physics engine!">
<meta name="keywords" content="sandbox, falling sand, powder toy"> <meta name="keywords" content="sandbox, falling sand, powder toy">
<meta name="author" content="derv"> <meta name="author" content="derv">
<link rel="stylesheet" href="css/core.css"> <link rel="stylesheet" href="css/core.css">