Cursor changes to pointer on hover
mellbacon committed
Oct 2, 2022 at 17:56 UTC
a83778486b599f4bdbb0f2f3300cfa65b5cbbfef
1 file changed
+14
-11
src/components/FileTree/Tree.svelte
+14
-11
@@ -26,16 +26,18 @@
26
</div>
27
28
{#if tree.length==0}
29
-<div class="container">
30
- <div class="text-form">
31
- You have not yet opened a folder.
29
+ <div class="container">
30
+ <div class="text-form">
31
+ You have not yet opened a folder.
32
+ </div>
33
+ <div class="toolbar-button-mx" on:click ={async() => {
34
+ let treedata = await data();
35
+ if (treedata === undefined) return;
36
+ filetree.set(treedata);
37
+ workspacename.set(workspace());
38
+ }
39
+ }>Open Folder</div>
40
</div>
33
- <div class="toolbar-button-mx" on:click ={async() => {
34
- let treedata = await data();
35
- if (treedata === undefined) return;
36
- filetree.set(treedata);
37
- workspacename.set(workspace());}}>Open Folder</div>
38
-</div>
41
{/if}
42
43
@@ -72,14 +74,15 @@
74
margin-top: 10px;
75
margin-bottom: 5px;
76
display: inline-block;
77
+ cursor: pointer;
78
}
79
80
.toolbar-button-mx:hover
81
{
79
- background-color: rgb(227, 228, 228);
82
+ background-color: rgb(177, 177, 177);
83
}
84
82
- .text-form{
85
+ .text-form {
86
margin-top: 10px;
87
margin-bottom: 5px;
88
}