aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/app/browser.js2
-rw-r--r--src/app/main.css59
-rw-r--r--src/lang/en.json1
3 files changed, 37 insertions, 25 deletions
diff --git a/src/app/browser.js b/src/app/browser.js
index 8af6afe..eb18fe5 100644
--- a/src/app/browser.js
+++ b/src/app/browser.js
@@ -61,7 +61,7 @@ function BrowserEl(properties) {
</div>
<div class="text">
<div class="title">${properties.title}</div>
- <div class="description">${properties.description} - by ${properties.author}</div>
+ <div class="description">${properties.description} - ${lang("gui.browser.madeby")} ${properties.author}</div>
<button>Install</button>
<button>Info</button>
</div>
diff --git a/src/app/main.css b/src/app/main.css
index acec007..67174b8 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -26,12 +26,40 @@
background: var(--red);
}
+::selection {
+ color: black;
+ background: var(--red);
+}
+
+body {
+ margin: 0;
+ overflow: hidden;
+ user-select: none;
+}
+
+body, button, input {font-family: "Roboto", sans-serif}
+
+button {outline: none}
+b, strong {font-weight: 700}
+body, input, button {font-weight: 500}
+
+button {
+ border: none;
+ color: white;
+ outline: none;
+ cursor: pointer;
+ font-weight: 700;
+ padding: 5px 10px;
+ border-radius: 5px;
+ transition: 0.2s ease-in-out;
+}
+
.playBtn, .gamesContainer button, #winbtns div {
cursor: pointer;
}
#browser {
- --spacing: calc(var(--padding) * 3);
+ --spacing: var(--padding);
z-index: 2;
opacity: 0.0;
@@ -116,9 +144,14 @@
#browser #search {
border: none;
outline: none;
+ transition: filter 0.15s ease-in-out;
width: calc(100% - var(--spacing) * 2);
}
+#browser #search:focus {
+ filter: brightness(1.5);
+}
+
#browser #close {
--height: calc(var(--padding) * 1.5);
@@ -182,28 +215,6 @@
#winbtns div:hover {opacity: 1.0}
#winbtns div:active {transform: scale(0.98)}
-body {
- margin: 0;
- overflow: hidden;
- user-select: none;
-}
-
-body, button, input {font-family: "Roboto", sans-serif}
-
-button {outline: none}
-b, strong {font-weight: 700}
-body, input, button {font-weight: 500}
-
-button {
- border: none;
- color: white;
- outline: none;
- font-weight: 700;
- padding: 5px 10px;
- border-radius: 5px;
- transition: 0.2s ease-in-out;
-}
-
button:hover {filter: brightness(110%)}
button:active {filter: brightness(90%)}
@@ -513,8 +524,8 @@ code {
}
.modbtns button {
- --spacing: calc(var(--padding) / 3);
margin-left: var(--spacing);
+ --spacing: calc(var(--padding) / 3);
margin-top: calc(var(--spacing) / 2);
margin-bottom: calc(var(--spacing) / 2);
}
diff --git a/src/lang/en.json b/src/lang/en.json
index 5377ca2..0d29115 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -64,6 +64,7 @@
"gui.mods.installedmod": "Installed mod!",
"gui.browser.loading": "Loading mods...",
+ "gui.browser.madeby": "by",
"gui.update.downloading": "Downloading...",
"gui.update.extracting": "Extracting update...",