From adabd5f0b2d7326958126dc960bf4ef09c9a4e4f Mon Sep 17 00:00:00 2001
From: Minteck <46352972+Minteck@users.noreply.github.com>
Date: Wed, 7 Jul 2021 17:01:51 +0200
Subject: Update!

---
 views/menu.html | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

(limited to 'views/menu.html')

diff --git a/views/menu.html b/views/menu.html
index 661d397..d00107c 100644
--- a/views/menu.html
+++ b/views/menu.html
@@ -6,9 +6,11 @@
     <script src="../scenario/client.js"></script>
     <meta charset="UTF-8">
     <link rel="stylesheet" href="common/fonts.css">
+    <link rel="stylesheet" href="common/blur.css">
     <link rel="stylesheet" href="menu.css">
     <title>Kartik</title>
     <script src="../crash/client.js"></script>
+    <script src="./script/global_compatlayer.js"></script>
     <script src="../sfx/sfx.js"></script>
     <link rel="stylesheet" href="rain/rainstyle.css">
     <script>
@@ -55,16 +57,26 @@
             </div>
         </div>
 
-        <div style="font-family:monospace;position: fixed;right: 16px;top: 16px;color: white;font-size: 10px;text-align:left;z-index:999999999;" id="gpuinfo">
-            <b><u>GPU Supported Features:</u></b><br>
-            <div id="gpuinfo-outer">Hold Shift to view</div>
-            <div id="gpuinfo-inner" style="opacity:0;">
-                <script src="./script/menu_gpuinfo.js"></script>
+        <div style="position: fixed;right: 16px;top: 16px;color: white;background: rgba(0, 0, 0, .5);font-size: 10px;text-align:left;z-index:999999999;padding: 10px;border-radius: 10px;width: 189px;" id="gpuinfo">
+            <span style="text-align:center;display:block;font-weight: bold;margin-bottom: 5px;">GPU Support Status</span>
+            <div style="margin-bottom: 10px;height: 16px;width: 100%;background: rgba(47, 47, 47, .5);border-radius: 999px;">
+                <div style="height: 16px;background: rgba(128, 0, 0, .5);border-radius: 999px;width: 0;" id="gpuinfo_progressbar"></div>
             </div>
+            <span id="gpusupportperc" style="display: block;text-align: center;">0%</span>
+            <div id="gpuinfo-model" style="opacity: .25;padding-top: 5px;text-align: center;">Generic GPU</div>
+            <div id="gpuinfo-vram" style="opacity: .25;padding-top: 5px;text-align: center;">0 MiB VRAM</div>
+            <span id="gpuinfo-details" style="border-top:1px solid rgba(255, 255, 255, .25);">
+                <div id="gpuinfo-outer" style="opacity: .25;padding-top: 5px;text-align: center;">↓ Hold Shift for details</div>
+                <div id="gpuinfo-inner" style="font-family:monospace;opacity:0;height:0;">
+                    <script src="./script/menu_gpuinfo.js"></script>
+                </div>
+            </span>
             <script>
 
                 if (require('@electron/remote').getCurrentWindow().update === "stable") {
-                    document.getElementById('gpuinfo').style.display = "none";
+                    document.getElementById('gpuinfo-outer').style.display = "none";
+                    document.getElementById('gpuinfo-inner').style.display = "none";
+                    document.getElementById('gpuinfo-details').style.display = "none";
                 }
 
             </script>
-- 
cgit