mirror of
https://github.com/zumbiepig/MineXLauncher.git
synced 2025-06-08 09:24:48 +00:00
pls fix the buttons
This commit is contained in:
zumbiepig
parent
8bf78521ac
commit
0c77f1fd2f
@ -54,10 +54,10 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<div class="mod-list minecraft-scrollbar"></div>
|
||||
<div class="installations">
|
||||
<button class="play-button" onclick="game.play('/game/web/clients/eaglerforge/')">Play</button>
|
||||
</div>
|
||||
<div class="mod-list"></div>
|
||||
</div>
|
||||
<div class="installations">
|
||||
<button class="play-button" onclick="game.play('/game/web/clients/eaglerforge/')">Play</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="main-content">
|
||||
<div class="mod-list minecraft-scrollbar"></div>
|
||||
<div class="mod-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -185,8 +185,7 @@ nav {
|
||||
flex-direction: column;
|
||||
background-color: #202020;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #555 #333;
|
||||
}
|
||||
@ -207,13 +206,12 @@ nav {
|
||||
|
||||
.installations {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 10px 20px;
|
||||
@ -452,7 +450,6 @@ nav {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 10px;
|
||||
max-height: 100%;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
scrollbar-width: thin;
|
||||
@ -465,6 +462,8 @@ nav {
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.mod-item .mod-icon {
|
||||
@ -506,10 +505,17 @@ nav {
|
||||
.mod-item .mod-links {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 10px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mod-item .mod-download {
|
||||
.mod-item .mod-links .mod-download,
|
||||
.mod-item .mod-links .mod-install {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mod-item .mod-links .mod-download {
|
||||
padding: 5px 15px;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
@ -518,12 +524,12 @@ nav {
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.mod-item .mod-download:hover {
|
||||
.mod-item .mod-links .mod-download:hover {
|
||||
cursor: pointer;
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
.mod-item .mod-install {
|
||||
.mod-item .mod-links .mod-install {
|
||||
padding: 5px 15px;
|
||||
background-color: #4c4;
|
||||
color: #fff;
|
||||
@ -532,16 +538,16 @@ nav {
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.mod-item .mod-install:hover {
|
||||
.mod-item .mod-links .mod-install:hover {
|
||||
cursor: pointer;
|
||||
background-color: #00b300;
|
||||
}
|
||||
|
||||
.mod-item .mod-install.installed {
|
||||
.mod-item .mod-links .mod-install.installed {
|
||||
background-color: #ff0000;
|
||||
}
|
||||
|
||||
.mod-item .mod-install.installed:hover {
|
||||
.mod-item .mod-links .mod-install.installed:hover {
|
||||
background-color: #cc0000;
|
||||
}
|
||||
|
||||
|
||||
@ -66,10 +66,10 @@
|
||||
<label for="offline-checkbox">Enable offline use:</label>
|
||||
<input type="checkbox" id="offline-checkbox" />
|
||||
</div> -->
|
||||
<div class="settings-section">
|
||||
<!-- <div class="settings-section">
|
||||
<label for="ads-checkbox">Show ads:</label>
|
||||
<input type="checkbox" id="ads-checkbox" />
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -395,7 +395,7 @@ if (window.location.pathname === '/') {
|
||||
}
|
||||
});
|
||||
|
||||
if (storage.local.get('showAds')) {
|
||||
/* if (storage.local.get('showAds')) {
|
||||
const googleAdsScript = document.createElement('script');
|
||||
googleAdsScript.async = true;
|
||||
googleAdsScript.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1132419379737567';
|
||||
@ -412,7 +412,7 @@ if (window.location.pathname === '/') {
|
||||
adsContainer.style.display = 'flex';
|
||||
});
|
||||
});
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
if (window.location.pathname === '/settings/') {
|
||||
@ -421,8 +421,8 @@ if (window.location.pathname === '/settings/') {
|
||||
const usernameInput = document.getElementById('username-input') as HTMLInputElement;
|
||||
const themeSelect = document.getElementById('theme-select') as HTMLSelectElement;
|
||||
// const offlineCheckbox = document.getElementById('offline-checkbox') as HTMLInputElement;
|
||||
const adsCheckbox = document.getElementById('ads-checkbox') as HTMLInputElement;
|
||||
const themeData: { id: string; name: string }[] = (await(await fetch('/resources/data.json')).json()).themes;
|
||||
// const adsCheckbox = document.getElementById('ads-checkbox') as HTMLInputElement;
|
||||
const themeData: { id: string; name: string }[] = (await (await fetch('/resources/data.json')).json()).themes;
|
||||
|
||||
themeData.forEach((theme: { id: string; name: string }) => {
|
||||
const option = document.createElement('option');
|
||||
@ -434,7 +434,7 @@ if (window.location.pathname === '/settings/') {
|
||||
usernameInput.placeholder = storage.local.get('username') ?? '';
|
||||
themeSelect.value = storage.local.get('theme') ?? '';
|
||||
// offlineCheckbox.checked = storage.local.get('offlineCache') ?? false;
|
||||
adsCheckbox.checked = storage.local.get('showAds');
|
||||
// adsCheckbox.checked = storage.local.get('showAds');
|
||||
|
||||
usernameInput.addEventListener('input', () => {
|
||||
let username = usernameInput.value.replace(/[^A-Za-z0-9]/g, '_').substring(0, 16);
|
||||
@ -460,11 +460,11 @@ if (window.location.pathname === '/settings/') {
|
||||
}
|
||||
}); */
|
||||
|
||||
adsCheckbox.addEventListener('change', () => {
|
||||
/* adsCheckbox.addEventListener('change', () => {
|
||||
storage.local.set('showAds', adsCheckbox.checked);
|
||||
const adsContainers = Array.from(document.getElementsByClassName('ads-container')) as HTMLElement[];
|
||||
adsContainers.forEach((adsContainer) => (adsContainer.style.display = 'none'));
|
||||
});
|
||||
}); */
|
||||
});
|
||||
} else if (window.location.pathname === '/welcome/') {
|
||||
document.addEventListener('DOMContentLoaded', async () => {
|
||||
@ -535,17 +535,17 @@ if (window.location.pathname === '/settings/') {
|
||||
<img loading="lazy" src="/resources/mods/icons/${addon.id}.webp" />
|
||||
</div>
|
||||
<div class="mod-details">
|
||||
<h3 class="mod-name">${addon.name}</h3>
|
||||
<strong class="mod-name">${addon.name}</strong>
|
||||
<p class="mod-author">By <a href="${addon.authorLink}" target="_blank">${addon.author}</a></p>
|
||||
<p class="mod-description">${addon.description}</p>
|
||||
<div class="mod-links">
|
||||
</div>
|
||||
<div class="mod-links">
|
||||
${
|
||||
addonType === 'mods'
|
||||
? `<a class="mod-install" id="mod-install-${addon.id}" onclick="mods.toggle('${addon.id}')">Install</a>`
|
||||
: `<a href="/resources/mods/downloads/${addon.id}.zip" class="mod-download" download>Download</a>`
|
||||
}
|
||||
</div>
|
||||
</div>`;
|
||||
</div>`;
|
||||
modList?.appendChild(modItem);
|
||||
});
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user