zumbiepig/MineXLauncher
zumbiepig/MineXLauncher
1
0
Fork 0
mirror of https://github.com/zumbiepig/MineXLauncher.git synced 2025-06-08 09:24:48 +00:00
Code

.

Browse Source
This commit is contained in:
zumbiepig 2024-09-07 11:55:53 -07:00
parent 1feb488b21
commit 7105126904
No known key found for this signature in database
GPG Key ID: 17C891BE28B953DE
2 changed files with 43 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/resources/scripts/main.ts
View File

@ -20,27 +20,27 @@ const theme = {
const versionSelector = { const versionSelector = {
open: function () { open: function () {
const customOptions = document.querySelector('.installations div .installations div .options divs'); const options = document.querySelector('.installations div .options');
const customSelect = document.querySelector('.installations div .selector'); const selector = document.querySelector('.installations div .selector');
if (customOptions && customSelect) { if (options && selector) {
customOptions.classList.add('open'); options.classList.add('open');
customSelect.classList.add('open'); selector.classList.add('open');
} }
}, },
close: function () { close: function () {
const customOptions = document.querySelector('.installations div .installations div .options divs'); const options = document.querySelector('.installations div .options');
const customSelect = document.querySelector('.installations div .selector'); const selector = document.querySelector('.installations div .selector');
if (customOptions && customSelect) { if (options && selector) {
customOptions.classList.remove('open'); options.classList.remove('open');
customSelect.classList.remove('open'); selector.classList.remove('open');
} }
}, },
toggle: function () { toggle: function () {
const customOptions = document.querySelector('.installations div .installations div .options divs'); const options = document.querySelector('.installations div .options');
const customSelect = document.querySelector('.installations div .selector'); const selector = document.querySelector('.installations div .selector');
if (customOptions && customSelect) { if (options && selector) {
customOptions.classList.toggle('open'); options.classList.toggle('open');
customSelect.classList.toggle('open'); selector.classList.toggle('open');
} }
}, },
}; };
@ -81,7 +81,7 @@ const game = {
'b1.3': 'b13-client-version', 'b1.3': 'b13-client-version',
}; };
const dropdown = clients[client] const dropdown = clients[client]
? (document.querySelector(`#${clients[client]}`) as HTMLSelectElement | null) ? (document.querySelector(`select[id='${clients[client]}']`) as HTMLSelectElement | null)
: null; : null;
if (dropdown?.value) { if (dropdown?.value) {
selectedVersion = `https://archive.eaglercraft.rip/Eaglercraft${client === '1.8' ? 'X_1.8' : `_${client}`}/client/${dropdown.value}/index.html`; selectedVersion = `https://archive.eaglercraft.rip/Eaglercraft${client === '1.8' ? 'X_1.8' : `_${client}`}/client/${dropdown.value}/index.html`;

54
src/resources/styles/themes/default.css
View File

@ -245,13 +245,13 @@ body {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.installations div { .installations > div {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 250px; width: 250px;
} }
.installations div .selector { .installations > div .selector {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -267,15 +267,15 @@ body {
transition: box-shadow 0.3s; transition: box-shadow 0.3s;
} }
.installations div .selector:hover { .installations > div .selector:hover {
box-shadow: 6px 6px #4e4e50; box-shadow: 6px 6px #4e4e50;
} }
.installations div .selector.open { .installations > div .selector.open {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
} }
.installations div .options { .installations > div .options {
position: absolute; position: absolute;
bottom: calc(100% + 2px); bottom: calc(100% + 2px);
left: 0; left: 0;
@ -297,7 +297,14 @@ body {
opacity 0.3s ease-out; opacity 0.3s ease-out;
} }
.installations div .options div { .installations > div .options.open {
display: block;
max-height: 200px;
padding: 10px 0;
opacity: 1;
}
.installations > div .options > div {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 10px; padding: 10px;
@ -306,22 +313,15 @@ body {
transition: background-color 0.3s; transition: background-color 0.3s;
} }
.installations div .options div.open { .installations > div .options > div:last-child {
display: block;
max-height: 200px;
padding: 10px 0;
opacity: 1;
}
.installations div .options div:last-child {
border-bottom: none; border-bottom: none;
} }
.installations div .options div:hover { .installations > div .options > div:hover {
background-color: #127e3f; background-color: #127e3f;
} }
.installations div .options div img { .installations > div .options > div img {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin-right: 10px; margin-right: 10px;
@ -339,24 +339,24 @@ body {
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
} }
.bottom-bar div { .bottom-bar > div {
display: flex; display: flex;
} }
.bottom-bar div .left { .bottom-bar > div .left {
color: #ddd; color: #ddd;
margin-right: 10px; margin-right: 10px;
text-decoration: none; text-decoration: none;
} }
.bottom-bar div .right { .bottom-bar > div .right {
color: #ddd; color: #ddd;
margin-left: 10px; margin-left: 10px;
text-decoration: none; text-decoration: none;
} }
.bottom-bar div a[class='left']:hover, .bottom-bar > div a[class='left']:hover,
.bottom-bar div a[class='right']:hover { .bottom-bar > div a[class='right']:hover {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
@ -609,7 +609,7 @@ body {
border: none; border: none;
} }
.archive div { .archive > div {
margin: 1rem; margin: 1rem;
padding: 1rem; padding: 1rem;
border: 2px solid #3c3c3c; border: 2px solid #3c3c3c;
@ -620,7 +620,7 @@ body {
align-items: flex-start; align-items: flex-start;
} }
.archive div select { .archive > div select {
width: 100%; width: 100%;
padding: 0.5rem; padding: 0.5rem;
border: 2px solid #4a4a4a; border: 2px solid #4a4a4a;
@ -644,18 +644,18 @@ body {
background-color 0.3s; background-color 0.3s;
} }
.archive div select:focus { .archive > div select:focus {
border-color: #00cc00; border-color: #00cc00;
outline: none; outline: none;
background-color: #2e2e2e; background-color: #2e2e2e;
} }
.archive div select option { .archive > div select option {
background-color: #1e1e1e; background-color: #1e1e1e;
color: #ffffff; color: #ffffff;
} }
.archive div label { .archive > div label {
font-size: 1rem; font-size: 1rem;
color: #ffffff; color: #ffffff;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -688,7 +688,7 @@ body {
transform: scale(0.99); transform: scale(0.99);
} }
.archive div button { .archive > div button {
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
width: 100%; width: 100%;
} }