improvement: make tabs reorderable

MystPi · Feb 4, 2022 · f33bab2 · f33bab2
1 parent 3be1fc3
commit f33bab2
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 4 deletions.
diff --git a/src/index.css b/src/index.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 @layer base {
-  *, *::after, *::before {
+  *:not(#tabbar>button), *::after, *::before, {
     @apply select-none;
     -webkit-user-drag: none;
     -webkit-app-region: no-drag;

diff --git a/src/index.html b/src/index.html
@@ -3,8 +3,9 @@
   <head>
     <meta charset="UTF-8">
     <title>Ninetails</title>
-    <link rel="stylesheet" href="roboto/roboto.css">
-    <link rel="stylesheet" href="tailwind.css">
+    <link rel="stylesheet" href="./roboto/roboto.css">
+    <link rel="stylesheet" href="./tailwind.css">
+    <script src="./js/sortable.js"></script>
   </head>
   <body class="m-0 p-0 h-[100vh]">
     <!-- Loading screen -->

diff --git a/src/js/sortable.js b/src/js/sortable.js
diff --git a/src/js/startup.js b/src/js/startup.js
@@ -14,6 +14,11 @@ fetch('../package.json')
   });
 
 
+const sortable = Sortable.create(byId('tabbar'), {
+  animation: 150
+});
+
+
 setTimeout(() => {
   byId('loading').classList.add('opacity-0');
   setTimeout(() => {

diff --git a/src/tailwind.css b/src/tailwind.css