From 7e907d007c527c7ac01951c91e3170d2a04f64d0 Mon Sep 17 00:00:00 2001 From: Samuel Walker Date: Wed, 26 Jun 2024 07:49:31 -0600 Subject: [PATCH] working on UI --- FCLauncher/src/index.html | 12 +++++++----- FCLauncher/src/main.js | 13 +++++-------- FCLauncher/src/styles.css | 19 +++++++++++++++++++ 3 files changed, 31 insertions(+), 13 deletions(-) diff --git a/FCLauncher/src/index.html b/FCLauncher/src/index.html index 9238365..a7b97d8 100644 --- a/FCLauncher/src/index.html +++ b/FCLauncher/src/index.html @@ -36,11 +36,13 @@ - - - - +
+ + + + +
diff --git a/FCLauncher/src/main.js b/FCLauncher/src/main.js index e89eb69..7f7808e 100644 --- a/FCLauncher/src/main.js +++ b/FCLauncher/src/main.js @@ -4,14 +4,6 @@ const { ask } = window.__TAURI__.dialog; const downBar = document.querySelector(".progressFinished"); //import { listen } from '@tauri-apps/api'; -let greetInputEl; -let greetMsgEl; - -function progressBar() { - - -} - const download_progress = listen("download_progress", (progress) => { console.log("Downloading"); //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", () => { document.getElementById("launchGame").addEventListener("click", gameLaunch); + document.getElementById("prism").addEventListener("click", prism); }); function packSelect() { @@ -85,6 +78,10 @@ function gameLaunch() { } + +function prism(){ + invoke("launch_prism"); +} //window.onclick = function(event) { diff --git a/FCLauncher/src/styles.css b/FCLauncher/src/styles.css index 922e1b4..969ac31 100644 --- a/FCLauncher/src/styles.css +++ b/FCLauncher/src/styles.css @@ -209,3 +209,22 @@ button { background: #272727; 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; +}