Merge branch 'main' of https://github.com/airlinklabs/panel

airlinklabs · Jan 19, 2025 · dbef22d · dbef22d
2 parents c532e66 + a3c8a56
commit dbef22d
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 44 deletions.
diff --git a/public/styles.css b/public/styles.css
@@ -942,6 +942,22 @@ select {
   bottom: 0px;
 }
 
+.bottom-10 {
+  bottom: 2.5rem;
+}
+
+.bottom-14 {
+  bottom: 3.5rem;
+}
+
+.bottom-16 {
+  bottom: 4rem;
+}
+
+.bottom-5 {
+  bottom: 1.25rem;
+}
+
 .left-0 {
   left: 0px;
 }
@@ -962,6 +978,10 @@ select {
   right: 1rem;
 }
 
+.right-5 {
+  right: 1.25rem;
+}
+
 .top-0 {
   top: 0px;
 }
@@ -1094,6 +1114,10 @@ select {
   margin-bottom: 1rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -1246,10 +1270,6 @@ select {
   margin-top: auto;
 }
 
-.mb-5 {
-  margin-bottom: 1.25rem;
-}
-
 .block {
   display: block;
 }
@@ -1577,6 +1597,11 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.translate-y-0 {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .translate-y-full {
   --tw-translate-y: 100%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1896,6 +1921,10 @@ select {
   border-top-right-radius: 0.75rem;
 }
 
+.rounded-tl-xl {
+  border-top-left-radius: 0.75rem;
+}
+
 .border {
   border-width: 1px;
 }
@@ -2097,6 +2126,10 @@ select {
   background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
 }
 
+.bg-amber-800\/10 {
+  background-color: rgb(146 64 14 / 0.1);
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -2365,10 +2398,6 @@ select {
   background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
 }
 
-.bg-white\/90 {
-  background-color: rgb(255 255 255 / 0.9);
-}
-
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
@@ -2715,6 +2744,10 @@ select {
   color: rgb(251 191 36 / var(--tw-text-opacity, 1));
 }
 
+.text-amber-400\/80 {
+  color: rgb(251 191 36 / 0.8);
+}
+
 .text-amber-500 {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
@@ -3502,11 +3535,6 @@ select {
   background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
 
-.dark\:divide-neutral-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgb(64 64 64 / var(--tw-divide-opacity, 1));
-}
-
 .dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(255 255 255 / 0.1);
 }
@@ -3553,6 +3581,10 @@ select {
   background-color: rgb(34 197 94 / 0.5);
 }
 
+.dark\:bg-neutral-400\/20:is(.dark *) {
+  background-color: rgb(163 163 163 / 0.2);
+}
+
 .dark\:bg-neutral-500\/10:is(.dark *) {
   background-color: rgb(115 115 115 / 0.1);
 }
@@ -3561,11 +3593,6 @@ select {
   background-color: rgb(82 82 82 / 0.2);
 }
 
-.dark\:bg-neutral-700:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
-}
-
 .dark\:bg-neutral-700\/70:is(.dark *) {
   background-color: rgb(64 64 64 / 0.7);
 }
@@ -3592,24 +3619,6 @@ select {
   background-color: rgb(255 255 255 / 0.05);
 }
 
-.dark\:bg-neutral-700\/20:is(.dark *) {
-  background-color: rgb(64 64 64 / 0.2);
-}
-
-.dark\:bg-neutral-200:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:bg-neutral-400:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
-}
-
-.dark\:bg-neutral-400\/20:is(.dark *) {
-  background-color: rgb(163 163 163 / 0.2);
-}
-
 .dark\:text-amber-400:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(251 191 36 / var(--tw-text-opacity, 1));
@@ -3624,6 +3633,11 @@ select {
   color: rgb(96 165 250 / var(--tw-text-opacity, 1));
 }
 
+.dark\:text-neutral-100:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
+}
+
 .dark\:text-neutral-300:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(212 212 212 / var(--tw-text-opacity, 1));
@@ -3653,11 +3667,6 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.dark\:text-neutral-100:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(245 245 245 / var(--tw-text-opacity, 1));
-}
-
 .dark\:ring-white\/5:is(.dark *) {
   --tw-ring-color: rgb(255 255 255 / 0.05);
 }

diff --git a/views/components/template.ejs b/views/components/template.ejs
@@ -171,7 +171,8 @@
         };
     
         const updateActiveLink = (currentPath) => {
-          const adjustedPath = currentPath.replace('server/', 'servers');
+          const adjustedPath = currentPath.replace('server/' + currentPath.split('server/').pop(), '');
+          console.log(adjustedPath)
           const adjustedPathNormalized = normalizePath(adjustedPath);
           let foundActive = false;
     

diff --git a/views/user/server/manage.ejs b/views/user/server/manage.ejs
@@ -40,8 +40,8 @@
     <!-- Alpha Warning Alert -->
     <div class="rounded-xl bg-amber-800/10 px-4 py-4 mx-8 mt-4">
         <div class="flex">
-            <div class="flex-shrink-0">
-                <svg class="h-5 w-5 text-amber-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+            <div class="flex-shrink-0 flex items-center">
+                <svg class="h-6 w-6 text-amber-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                     <path fill-rule="evenodd" d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd" />
                 </svg>
             </div>