From 15ef310a2632c188479c15d349e8a5253d4b8b99 Mon Sep 17 00:00:00 2001 From: Fran Date: Mon, 27 Dec 2021 22:54:49 -0600 Subject: [PATCH] Display files and recursive node --- index.html | 2 +- src/App.vue | 65 ++++++++++++++++++++++++++++---- src/components/Input.vue | 19 +++++++++- src/components/Node.vue | 81 ++++++++++++++++++++++++++++++++++++++++ src/index.css | 23 ++++++++++++ 5 files changed, 180 insertions(+), 10 deletions(-) create mode 100644 src/components/Node.vue diff --git a/index.html b/index.html index 092be61..a0ae73b 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ VisualTREE - +
diff --git a/src/App.vue b/src/App.vue index 8310e65..9dda171 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,28 +1,43 @@ diff --git a/src/components/Input.vue b/src/components/Input.vue index 3b2c159..1a3fee1 100644 --- a/src/components/Input.vue +++ b/src/components/Input.vue @@ -1,12 +1,27 @@ diff --git a/src/components/Node.vue b/src/components/Node.vue new file mode 100644 index 0000000..62386b9 --- /dev/null +++ b/src/components/Node.vue @@ -0,0 +1,81 @@ + + + diff --git a/src/index.css b/src/index.css index a90f074..cfa1a86 100644 --- a/src/index.css +++ b/src/index.css @@ -2,3 +2,26 @@ @tailwind components; @tailwind utilities; +.node-list > .node { + @apply ml-5; +} + +::-webkit-scrollbar { + @apply bg-transparent w-2; +} + +/* Track */ +::-webkit-scrollbar-track { + @apply bg-gray-900; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + @apply bg-gray-800 rounded; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + @apply bg-gray-700 rounded; +} +