working on UI

This commit is contained in:
Samuel Walker 2024-06-26 07:49:31 -06:00
parent c7e0f310b7
commit 7e907d007c
3 changed files with 31 additions and 13 deletions

View File

@ -36,11 +36,13 @@
<button id="launchGame" type="button">Launch Minecraft</button> <button id="launchGame" type="button">Launch Minecraft</button>
<div class="horizontal">
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ?autoplay=1" <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ?autoplay=1"
target="_blank"> target="_blank" class="buttonlink left">
<button>Buy Me A Coffee!</button> <button>Buy Me A Coffee!</button>
</a> </a>
<button id="prism" class="right">Open Prism launcher</button>
</div>
</div> </div>
</body> </body>

View File

@ -4,14 +4,6 @@ const { ask } = window.__TAURI__.dialog;
const downBar = document.querySelector(".progressFinished"); const downBar = document.querySelector(".progressFinished");
//import { listen } from '@tauri-apps/api'; //import { listen } from '@tauri-apps/api';
let greetInputEl;
let greetMsgEl;
function progressBar() {
}
const download_progress = listen("download_progress", (progress) => { const download_progress = listen("download_progress", (progress) => {
console.log("Downloading"); console.log("Downloading");
//console.log("Downloaded "+progress.payload.downloaded/(1024*1024) +"MB / " + progress.payload.total/(1024*1024) + "MB"); //console.log("Downloaded "+progress.payload.downloaded/(1024*1024) +"MB / " + progress.payload.total/(1024*1024) + "MB");
@ -40,6 +32,7 @@ const update_dialog = listen("update_dialog", (event) => {
window.addEventListener("DOMContentLoaded", () => { window.addEventListener("DOMContentLoaded", () => {
document.getElementById("launchGame").addEventListener("click", gameLaunch); document.getElementById("launchGame").addEventListener("click", gameLaunch);
document.getElementById("prism").addEventListener("click", prism);
}); });
function packSelect() { function packSelect() {
@ -86,6 +79,10 @@ function gameLaunch() {
} }
function prism(){
invoke("launch_prism");
}
//window.onclick = function(event) { //window.onclick = function(event) {
//if (!event.target.matches('.dropbtn')) { //if (!event.target.matches('.dropbtn')) {

View File

@ -209,3 +209,22 @@ button {
background: #272727; background: #272727;
flood-color: #0f0f0f; flood-color: #0f0f0f;
} }
.buttonlink{
width: fit-content;
block-size: fit-content;
}
.right{
float: right;
}
.left{
float: left;
}
.horizontal{
overflow: auto;
display: block;
margin: 0.5em;
}