Merge pull request #218 from datarootsio/layout-issue

fix layout issue
datarootsio · Oct 10, 2024 · 43e3792 · 43e3792
2 parents f85d635 + a63cd4c
commit 43e3792
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 32 deletions.
diff --git a/pkg/web_assets/static/tailwind.css b/pkg/web_assets/static/tailwind.css
@@ -654,26 +654,12 @@ video {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
-.from-lime-600 {
-  --tw-gradient-from: #65a30d var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .from-lime-200 {
   --tw-gradient-from: #d9f99d var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.to-blue-600 {
-  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
-}
-
-.to-blue-200 {
-  --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position);
-}
-
 .to-blue-400 {
   --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
 }
@@ -683,16 +669,20 @@ video {
           background-clip: text;
 }
 
-.fill-emerald-500 {
-  fill: #10b981;
+.fill-emerald-600 {
+  fill: #059669;
 }
 
 .fill-lime-200 {
   fill: #d9f99d;
 }
 
-.fill-red-500 {
-  fill: #ef4444;
+.fill-orange-300 {
+  fill: #fdba74;
+}
+
+.fill-red-600 {
+  fill: #dc2626;
 }
 
 .fill-slate-200 {
@@ -782,6 +772,11 @@ video {
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
 .text-lime-200 {
   --tw-text-opacity: 1;
   color: rgb(217 249 157 / var(--tw-text-opacity));
@@ -842,12 +837,6 @@ video {
   background-image: linear-gradient(to left, var(--tw-gradient-stops));
 }
 
-.hover\:from-orange-400:hover {
-  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
 .hover\:from-red-400:hover {
   --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
@@ -864,10 +853,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-.hover\:to-blue-500:hover {
-  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
-}
-
 .hover\:to-lime-200:hover {
   --tw-gradient-to: #d9f99d var(--tw-gradient-to-position);
 }

diff --git a/pkg/web_assets/templates/base.html b/pkg/web_assets/templates/base.html
@@ -27,12 +27,10 @@
         </div>
       </div>
       <div class="flex flex-wrap gap-x-2 gap-y-2" x-data>
-        <a class="text-gray-400 hover:text-lime-200'" href="/core/logs">_</a>
-        <div class="text-xs">
+        <a class="text-xs text-gray-400 hover:text-lime-200'" href="/core/logs">_</a>
           <template x-for="job in $store.jobs.jobs">
-            <a :class="job.name === $store.job.jobName ? 'text-lime-200' : 'text-gray-200 hover:text-lime-200'" :href="`/jobs/${job.name}/latest`" x-text="job.name"></a>
+            <a class="text-xs" :class="job.name === $store.job.jobName ? 'text-lime-200' : 'text-gray-200 hover:text-lime-200'" :href="`/jobs/${job.name}/latest`" x-text="job.name"></a>
           </template>
-        </div>
       </div>
       {{block "content" .}}{{end}}
     </div>