refactor(ui): remove nightwind as dependency (#3599)

The main goal of this work is to reduce the size the output css file. Also Nightwind isn't active for few years and dropping such dependency would be nice. Tailwind was changed and doesn't require a lot of work to have custom colors.
flipt-io · Nov 8, 2024 · e3a4769 · e3a4769
1 parent d714c30
commit e3a4769
Show file tree

Hide file tree

Showing 84 changed files with 881 additions and 677 deletions.
diff --git a/ui/index.dev.html b/ui/index.dev.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="bg-white h-full w-auto">
+<html lang="en" class="h-full w-auto bg-white">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.svg" />
@@ -31,20 +31,20 @@
           <div class="bg-white px-6 pt-24 sm:pt-20 lg:px-8">
             <div class="mx-auto max-w-2xl text-center">
               <h2
-                class="text-gray-900 text-2xl font-bold tracking-tight sm:text-5xl"
+                class="text-2xl font-bold tracking-tight text-gray-900 sm:text-5xl"
               >
                 Not Found
               </h2>
-              <p class="text-gray-500 mt-4 text-lg leading-8">
+              <p class="mt-4 text-lg leading-8 text-gray-500">
                 This isn't the UI you're looking for...
               </p>
-              <p class="text-gray-700 mt-20 text-lg leading-8">
+              <p class="mt-20 text-lg leading-8 text-gray-700">
                 Run the following in another terminal:
               </p>
             </div>
           </div>
           <div
-            class="text-white bg-gray-700 mx-auto my-8 max-w-md overflow-hidden rounded-lg"
+            class="mx-auto my-8 max-w-md overflow-hidden rounded-lg bg-gray-700 text-white"
           >
             <div class="px-4 py-5 sm:p-6">
               <pre><span class="text-violet-300">$</span>&nbsp;mage ui:dev</pre>
@@ -53,7 +53,7 @@
           <div class="mt-16 flex items-center justify-center gap-x-6">
             <a
               href="https://www.flipt.io/discord"
-              class="text-gray-600 text-sm font-semibold hover:underline hover:decoration-violet-400 hover:underline-offset-4"
+              class="text-sm font-semibold text-gray-600 hover:underline hover:decoration-violet-400 hover:underline-offset-4"
             >
               Need Help? Join our Discord <span aria-hidden="true">&rarr;</span>
             </a>

diff --git a/ui/index.html b/ui/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="bg-white h-full w-auto">
+<html lang="en" class="h-full w-auto bg-white">
   <head>
     <meta charset="UTF-8" />
     <title>Flipt</title>