Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Svelte: Protoype disk tab

Browse Source
This commit is contained in:
Alessandro Pignotti 2024-10-13 12:45:38 +02:00
parent ff2486d6e2
commit 12b3b3f89c
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/DiskTab.svelte Normal file
View File

@ -0,0 +1,4 @@
<h1 class="text-lg font-bold">Disk</h1>
<p>WebVM runs on top of a complete Linux distribution</p>
<p>Filesystems up to 2GB are supported and data is downloaded completely on-demand</p>
<p>The WebVM cloud backend uses WebSockets and a it's distributed via a global CDN to minimize download latency</p>

6
src/lib/SideBar.svelte
View File

@ -2,6 +2,7 @@
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'; import CpuTab from './CpuTab.svelte';
import DiskTab from './DiskTab.svelte';
const icons = [ const icons = [
//{ icon: 'fas fa-info-circle', info: 'Information' }, //{ icon: 'fas fa-info-circle', info: 'Information' },
@ -32,10 +33,9 @@
icon={i.icon} icon={i.icon}
info={i.info} info={i.info}
on:mouseover={(e) => showInfo(e.detail)} on:mouseover={(e) => showInfo(e.detail)}
on:mouseout={hideInfo}
/> />
{:else} {:else}
<div class="grow"></div> <div class="grow" on:mouseover={(e) => showInfo(null)}></div>
{/if} {/if}
{/each} {/each}
</div> </div>
@ -44,6 +44,8 @@
<NetworkingTab on:connect/> <NetworkingTab on:connect/>
{:else if activeInfo === 'CPU'} {:else if activeInfo === 'CPU'}
<CpuTab/> <CpuTab/>
{:else if activeInfo === 'Disk'}
<DiskTab/>
{:else} {:else}
<p>{activeInfo}</p> <p>{activeInfo}</p>
{/if} {/if}