beenull/webvm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Svelte: Prototype CPU tab

Browse source
This commit is contained in:
Alessandro Pignotti 2024-10-13 11:47:40 +02:00
parent a43f439179
commit 9de48becfa
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/CpuTab.svelte Normal file
View file

@ -0,0 +1,4 @@
<h1 class="text-lg font-bold">CPU</h1>
<p>WebVM is powered by CheerpX, a x86 virtualization engine in WebAssembly</p>
<p>CheerpX can run securely run unmodified x86 binaries and libraries in the browser</p>
<p>For more information: <a class="text-gray-300" href="https://cheerpx.io/" target="_blank">https://cheerpx.io</a></p>

3
src/lib/SideBar.svelte
View file

@ -1,6 +1,7 @@
<script> <script>
import Icon from './Icon.svelte'; import Icon from './Icon.svelte';
import NetworkingTab from './NetworkingTab.svelte'; import NetworkingTab from './NetworkingTab.svelte';
import CpuTab from './CpuTab.svelte';
const icons = [ const icons = [
//{ icon: 'fas fa-info-circle', info: 'Information' }, //{ icon: 'fas fa-info-circle', info: 'Information' },
@ -41,6 +42,8 @@
<div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}> <div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}>
{#if activeInfo === 'Networking'} {#if activeInfo === 'Networking'}
<NetworkingTab on:connect/> <NetworkingTab on:connect/>
{:else if activeInfo === 'CPU'}
<CpuTab/>
{:else} {:else}
<p>{activeInfo}</p> <p>{activeInfo}</p>
{/if} {/if}