diff options
| -rw-r--r-- | src/app/browser.js | 2 | ||||
| -rw-r--r-- | src/app/main.css | 59 | ||||
| -rw-r--r-- | src/lang/en.json | 1 |
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...", |