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 = {
open: function () {
const customOptions = document.querySelector('.installations div .installations div .options divs');
const customSelect = document.querySelector('.installations div .selector');
if (customOptions && customSelect) {
customOptions.classList.add('open');
customSelect.classList.add('open');
const options = document.querySelector('.installations div .options');
const selector = document.querySelector('.installations div .selector');
if (options && selector) {
options.classList.add('open');
selector.classList.add('open');
}
},
close: function () {
const customOptions = document.querySelector('.installations div .installations div .options divs');
const customSelect = document.querySelector('.installations div .selector');
if (customOptions && customSelect) {
customOptions.classList.remove('open');
customSelect.classList.remove('open');
const options = document.querySelector('.installations div .options');
const selector = document.querySelector('.installations div .selector');
if (options && selector) {
options.classList.remove('open');
selector.classList.remove('open');
}
},
toggle: function () {
const customOptions = document.querySelector('.installations div .installations div .options divs');
const customSelect = document.querySelector('.installations div .selector');
if (customOptions && customSelect) {
customOptions.classList.toggle('open');
customSelect.classList.toggle('open');
const options = document.querySelector('.installations div .options');
const selector = document.querySelector('.installations div .selector');
if (options && selector) {
options.classList.toggle('open');
selector.classList.toggle('open');
}
},
};
@ -81,7 +81,7 @@ const game = {
'b1.3': 'b13-client-version',
};
const dropdown = clients[client]
? (document.querySelector(`#${clients[client]}`) as HTMLSelectElement | null)
? (document.querySelector(`select[id='${clients[client]}']`) as HTMLSelectElement | null)
: null;
if (dropdown?.value) {
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%);
}
.installations div {
.installations > div {
position: relative;
display: inline-block;
width: 250px;
}
.installations div .selector {
.installations > div .selector {
display: flex;
align-items: center;
justify-content: center;
@ -267,15 +267,15 @@ body {
transition: box-shadow 0.3s;
}
.installations div .selector:hover {
.installations > div .selector:hover {
box-shadow: 6px 6px #4e4e50;
}
.installations div .selector.open {
.installations > div .selector.open {
border-radius: 0 0 5px 5px;
}
.installations div .options {
.installations > div .options {
position: absolute;
bottom: calc(100% + 2px);
left: 0;
@ -297,7 +297,14 @@ body {
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;
align-items: center;
padding: 10px;
@ -306,22 +313,15 @@ body {
transition: background-color 0.3s;
}
.installations div .options div.open {
display: block;
max-height: 200px;
padding: 10px 0;
opacity: 1;
}
.installations div .options div:last-child {
.installations > div .options > div:last-child {
border-bottom: none;
}
.installations div .options div:hover {
.installations > div .options > div:hover {
background-color: #127e3f;
}
.installations div .options div img {
.installations > div .options > div img {
width: 32px;
height: 32px;
margin-right: 10px;
@ -339,24 +339,24 @@ body {
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
}
.bottom-bar div {
.bottom-bar > div {
display: flex;
}
.bottom-bar div .left {
.bottom-bar > div .left {
color: #ddd;
margin-right: 10px;
text-decoration: none;
}
.bottom-bar div .right {
.bottom-bar > div .right {
color: #ddd;
margin-left: 10px;
text-decoration: none;
}
.bottom-bar div a[class='left']:hover,
.bottom-bar div a[class='right']:hover {
.bottom-bar > div a[class='left']:hover,
.bottom-bar > div a[class='right']:hover {
text-decoration: underline;
cursor: pointer;
}
@ -609,7 +609,7 @@ body {
border: none;
}
.archive div {
.archive > div {
margin: 1rem;
padding: 1rem;
border: 2px solid #3c3c3c;
@ -620,7 +620,7 @@ body {
align-items: flex-start;
}
.archive div select {
.archive > div select {
width: 100%;
padding: 0.5rem;
border: 2px solid #4a4a4a;
@ -644,18 +644,18 @@ body {
background-color 0.3s;
}
.archive div select:focus {
.archive > div select:focus {
border-color: #00cc00;
outline: none;
background-color: #2e2e2e;
}
.archive div select option {
.archive > div select option {
background-color: #1e1e1e;
color: #ffffff;
}
.archive div label {
.archive > div label {
font-size: 1rem;
color: #ffffff;
margin-bottom: 0.5rem;
@ -688,7 +688,7 @@ body {
transform: scale(0.99);
}
.archive div button {
.archive > div button {
margin: 0.5rem 0 0 0;
width: 100%;
}