From 971b17b36414e89715197164165eb0b8fce79675 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Thu, 28 Mar 2024 12:30:06 +0100
Subject: [PATCH] ui fixes

---
 resources/css/app.css                              |  4 ++--
 resources/views/components/internal-link.blade.php |  4 +++-
 resources/views/components/pricing-plans.blade.php |  4 ++--
 .../views/livewire/server/resources.blade.php      | 14 +++++++-------
 .../views/livewire/source/github/change.blade.php  |  6 +++---
 .../views/livewire/team/invitations.blade.php      |  6 +++---
 .../views/livewire/team/member/index.blade.php     |  4 ++--
 7 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 3f5a4f48c..c2ca9f612 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -78,7 +78,7 @@ label {
 }
 
 table {
-    @apply min-w-full divide-y dark:divide-coolgray-200 divide-neutral-300;
+    @apply min-w-full divide-y dark:divide-coolgray-200 divide-neutral-300 ;
 }
 
 thead {
@@ -90,7 +90,7 @@ tbody {
 }
 
 tr {
-    @apply text-neutral-400;
+    @apply text-black dark:text-neutral-400 dark:hover:bg-black hover:bg-neutral-200;
 }
 
 tr th {
diff --git a/resources/views/components/internal-link.blade.php b/resources/views/components/internal-link.blade.php
index 19fe52635..cedea2a40 100644
--- a/resources/views/components/internal-link.blade.php
+++ b/resources/views/components/internal-link.blade.php
@@ -1 +1,3 @@
-<img class="inline-flex w-4 h-4" src="{{ asset('svgs/internal-link.svg') }}">
+<svg class="inline-flex w-4 h-4 text-black dark:text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-6 6l6-6m-6-6l6 6"/>
+</svg>
diff --git a/resources/views/components/pricing-plans.blade.php b/resources/views/components/pricing-plans.blade.php
index ca71bf93e..5977323f2 100644
--- a/resources/views/components/pricing-plans.blade.php
+++ b/resources/views/components/pricing-plans.blade.php
@@ -48,7 +48,7 @@
             <div class="pb-10 text-xl text-center">For the detailed list of features, please visit our landing page: <a
                     class="font-bold underline dark:text-white" href="https://coolify.io">coolify.io</a></div>
             <div
-                class="grid max-w-sm grid-cols-1 -mt-16 divide-y divide-coolgray-500 isolate gap-y-16 sm:mx-auto lg:-mx-8 lg:mt-0 lg:max-w-none lg:grid-cols-3 lg:divide-x lg:divide-y-0 xl:-mx-4">
+                class="grid max-w-sm grid-cols-1 -mt-16 divide-y divide-neutral-200 dark:divide-coolgray-500 isolate gap-y-16 sm:mx-auto lg:-mx-8 lg:mt-0 lg:max-w-none lg:grid-cols-3 lg:divide-x lg:divide-y-0 xl:-mx-4">
 
                 <div class="pt-16 lg:px-8 lg:pt-0 xl:px-14">
                     <h3 id="tier-basic" class="text-base font-semibold leading-7 dark:text-white">Basic</h3>
@@ -186,7 +186,7 @@
                         </li>
                     </ul>
                 </div>
-                <div class="pt-16 lg:px-8 lg:pt-0 xl:px-14">
+                <div class="pt-16 lg:px-8 lg:pt-0 xl:px-12">
                     <h3 id="tier-ultimate" class="text-base font-semibold leading-7 dark:text-white">Ultimate</h3>
                    <p class="flex items-baseline mt-6 gap-x-1">
                         <span x-show="selected === 'monthly'" x-cloak>
diff --git a/resources/views/livewire/server/resources.blade.php b/resources/views/livewire/server/resources.blade.php
index 378547f1a..225636ca8 100644
--- a/resources/views/livewire/server/resources.blade.php
+++ b/resources/views/livewire/server/resources.blade.php
@@ -24,7 +24,7 @@
                                 <div class="overflow-x-auto">
                                     <div class="inline-block min-w-full">
                                         <div class="overflow-hidden">
-                                            <table class="min-w-full divide-y divide-coolgray-400">
+                                            <table class="min-w-full">
                                                 <thead>
                                                     <tr>
                                                         <th class="px-5 py-3 text-xs font-medium text-left uppercase">
@@ -43,16 +43,16 @@
                                                         </th>
                                                     </tr>
                                                 </thead>
-                                                <tbody class="divide-y divide-coolgray-400">
+                                                <tbody>
                                                     @forelse ($server->definedResources()->sortBy('name',SORT_NATURAL) as $resource)
-                                                        <tr class="dark:text-white bg-coolblack hover:bg-coolgray-100">
+                                                        <tr>
                                                             <td class="px-5 py-4 text-sm whitespace-nowrap">
                                                                 {{ data_get($resource->project(), 'name') }}
                                                             </td>
                                                             <td class="px-5 py-4 text-sm whitespace-nowrap">
                                                                 {{ data_get($resource, 'environment.name') }}
                                                             </td>
-                                                            <td class="px-5 py-4 text-sm whitespace-nowrap"><a
+                                                            <td class="px-5 py-4 text-sm whitespace-nowrap hover:underline"><a
                                                                     class=""
                                                                     href="{{ $resource->link() }}">{{ $resource->name }}
                                                                     <x-internal-link /></a>
@@ -96,7 +96,7 @@
                                 <div class="overflow-x-auto">
                                     <div class="inline-block min-w-full">
                                         <div class="overflow-hidden">
-                                            <table class="min-w-full divide-y divide-coolgray-400">
+                                            <table class="min-w-full">
                                                 <thead>
                                                     <tr>
                                                         <th class="px-5 py-3 text-xs font-medium text-left uppercase">
@@ -113,9 +113,9 @@
                                                         </th>
                                                     </tr>
                                                 </thead>
-                                                <tbody class="divide-y divide-coolgray-400">
+                                                <tbody>
                                                     @forelse ($unmanagedContainers->sortBy('name',SORT_NATURAL) as $resource)
-                                                        <tr class="dark:text-white bg-coolblack hover:bg-coolgray-100">
+                                                        <tr>
                                                             <td class="px-5 py-4 text-sm whitespace-nowrap">
                                                                 {{ data_get($resource, 'Names') }}
                                                             </td>
diff --git a/resources/views/livewire/source/github/change.blade.php b/resources/views/livewire/source/github/change.blade.php
index c883c6e27..b1f0cf709 100644
--- a/resources/views/livewire/source/github/change.blade.php
+++ b/resources/views/livewire/source/github/change.blade.php
@@ -107,7 +107,7 @@
                             <div class="overflow-x-auto">
                                 <div class="inline-block min-w-full">
                                     <div class="overflow-hidden">
-                                        <table class="min-w-full divide-y divide-coolgray-400">
+                                        <table class="min-w-full">
                                             <thead>
                                                 <tr>
                                                     <th class="px-5 py-3 text-xs font-medium text-left uppercase">
@@ -121,9 +121,9 @@
                                                     </th>
                                                 </tr>
                                             </thead>
-                                            <tbody class="divide-y divide-coolgray-400">
+                                            <tbody class="divide-y">
                                                 @forelse ($applications->sortBy('name',SORT_NATURAL) as $resource)
-                                                    <tr class="dark:text-white bg-coolblack hover:bg-coolgray-100">
+                                                    <tr>
                                                         <td class="px-5 py-4 text-sm whitespace-nowrap">
                                                             {{ data_get($resource->project(), 'name') }}
                                                         </td>
diff --git a/resources/views/livewire/team/invitations.blade.php b/resources/views/livewire/team/invitations.blade.php
index c9ca4d6b7..f318e4d61 100644
--- a/resources/views/livewire/team/invitations.blade.php
+++ b/resources/views/livewire/team/invitations.blade.php
@@ -6,7 +6,7 @@
                 <div class="overflow-x-auto">
                     <div class="inline-block min-w-full">
                         <div class="overflow-hidden">
-                            <table class="min-w-full divide-y divide-coolgray-400">
+                            <table class="min-w-full">
                                 <thead>
                                     <tr>
                                         <th class="px-5 py-3 text-xs font-medium text-left uppercase">Email
@@ -20,9 +20,9 @@
                                         </th>
                                     </tr>
                                 </thead>
-                                <tbody class="divide-y divide-coolgray-400">
+                                <tbody>
                                     @foreach ($invitations as $invite)
-                                        <tr class="dark:text-white bg-coolblack hover:bg-coolgray-100/40">
+                                        <tr>
                                             <td class="px-5 py-4 text-sm whitespace-nowrap">{{ $invite->email }}</td>
                                             <td class="px-5 py-4 text-sm whitespace-nowrap">{{ $invite->via }}</td>
                                             <td class="px-5 py-4 text-sm whitespace-nowrap">{{ $invite->role }}</td>
diff --git a/resources/views/livewire/team/member/index.blade.php b/resources/views/livewire/team/member/index.blade.php
index 6a6cc0fd2..41cd61d82 100644
--- a/resources/views/livewire/team/member/index.blade.php
+++ b/resources/views/livewire/team/member/index.blade.php
@@ -7,7 +7,7 @@
             <div class="overflow-x-auto">
                 <div class="inline-block min-w-full">
                     <div class="overflow-hidden">
-                        <table class="min-w-full divide-y dark:divide-coolgray-400 divide-neutral-400">
+                        <table class="min-w-full">
                             <thead>
                                 <tr>
                                     <th class="px-5 py-3 text-xs font-medium text-left uppercase">Name
@@ -17,7 +17,7 @@
                                     <th class="px-5 py-3 text-xs font-medium text-left uppercase">Actions</th>
                                 </tr>
                             </thead>
-                            <tbody class="divide-y dark:divide-coolgray-400 divide-neutral-200">
+                            <tbody>
                                 @foreach (currentTeam()->members as $member)
                                     <livewire:team.member :member="$member" :wire:key="$member->id" />
                                 @endforeach