Merge pull request #13 from lancatlin/app-neil

Add tree chart and drag to scroll function in visualisation section
This commit is contained in:
Lin, Hung-Shin authored and GitHub committed 2023-08-23 07:54:53 +08:00
commit abaae9ab6a
6 files changed
+292 -52

No files matched your search

+5 -5
View File
@@ -26,13 +26,13 @@ onMounted(async () => {
<template>
<div class="bg-background-primary h-screen">
<!--header-->
<div id="header" class="bg-background-secondary content-center h-[6%] p-1">
<div id="header" class="bg-background-secondary content-center h-[6vh] p-1">
<HeaderPart />
</div>
<!--main-->
<div id="main" class="h-[94%] grid grid-cols-3 gap-3 p-3">
<div id="main" class="h-[94vh] grid grid-cols-3 gap-3 p-3">
<!--Topic and Command List-->
<div class="bg-background-secondary inline-block h-full rounded-lg">
<div class="bg-background-secondary h-full rounded-lg">
<section id="quest" class="h-2/3 m-3">
<QuestPart />
</section>
@@ -42,7 +42,7 @@ onMounted(async () => {
</section>
</div>
<!--Terminal and Hint-->
<div class="bg-background inline-block h-full py-2 rounded-lg">
<div class="bg-background h-full rounded-lg">
<section id="terminal" class="h-3/5">
<TerminalPart />
</section>
@@ -51,7 +51,7 @@ onMounted(async () => {
</section>
</div>
<!--Visualization-->
<div class="bg-background-primary inline-block h-full">
<div class="h-full">
<div class="bg-border rounded-xl h-[90%] px-3 py-6">
<div class="bg-background rounded-xl h-full px-1 py-6">
<section id="visualization" class="bg-background-primary h-full">