table css

This commit is contained in:
Andras Bacsai 2023-06-12 21:12:07 +02:00
parent 169dc3c2d1
commit 6626795a99
5 changed files with 40 additions and 17 deletions

View File

@ -134,3 +134,27 @@ a {
.text-helper { .text-helper {
@apply inline-block font-bold text-warning; @apply inline-block font-bold text-warning;
} }
table {
@apply min-w-full divide-y divide-coolgray-200;
}
thead {
@apply uppercase text-sm;
}
tbody {
@apply divide-y divide-coolgray-200;
}
tr {
@apply text-sm text-neutral-400;
}
tr th {
@apply px-3 py-3.5 text-left text-white;
}
tr th:first-child {
@apply py-3.5 pl-4 pr-3 sm:pl-6;
}
tr td {
@apply px-3 py-4 whitespace-nowrap;
}
tr td:first-child {
@apply pl-4 pr-3 sm:pl-6 font-bold;
}

View File

@ -10,11 +10,11 @@
<div class="pt-1 text-sm">Requests remaning till rate limited by Git: {{ $rate_limit_remaining }}</div> <div class="pt-1 text-sm">Requests remaning till rate limited by Git: {{ $rate_limit_remaining }}</div>
@endisset @endisset
@if (count($pull_requests) > 0) @if (count($pull_requests) > 0)
<div wire:loading.remove wire:target='load_prs' class="flex gap-4 py-4"> <div wire:loading.remove wire:target='load_prs'>
<div class="overflow-x-auto table-md"> <div class="overflow-x-auto table-md">
<table class="table"> <table>
<thead> <thead>
<tr class="text-warning border-coolgray-200"> <tr>
<th>PR Number</th> <th>PR Number</th>
<th>PR Title</th> <th>PR Title</th>
<th>Git</th> <th>Git</th>
@ -23,7 +23,7 @@
</thead> </thead>
<tbody> <tbody>
@foreach ($pull_requests as $pull_request) @foreach ($pull_requests as $pull_request)
<tr class="border-coolgray-200"> <tr>
<th>{{ data_get($pull_request, 'number') }}</th> <th>{{ data_get($pull_request, 'number') }}</th>
<td>{{ data_get($pull_request, 'title') }}</td> <td>{{ data_get($pull_request, 'title') }}</td>
<td> <td>
@ -33,7 +33,7 @@
<x-external-link /> <x-external-link />
</a> </a>
</td> </td>
<td class="flex items-center justify-center gap-2"> <td>
<x-forms.button <x-forms.button
wire:click="deploy('{{ data_get($pull_request, 'number') }}', '{{ data_get($pull_request, 'html_url') }}')"> wire:click="deploy('{{ data_get($pull_request, 'number') }}', '{{ data_get($pull_request, 'html_url') }}')">
Deploy Deploy

View File

@ -2,9 +2,9 @@
@if ($invitations->count() > 0) @if ($invitations->count() > 0)
<h4 class="pb-2">Pending Invitations</h4> <h4 class="pb-2">Pending Invitations</h4>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="table"> <table>
<thead> <thead>
<tr class="font-bold text-white uppercase border-coolgray-200"> <tr>
<th>Email</th> <th>Email</th>
<th>Via</th> <th>Via</th>
<th>Role</th> <th>Role</th>
@ -15,7 +15,7 @@
<tbody x-data> <tbody x-data>
@foreach ($invitations as $invite) @foreach ($invitations as $invite)
<tr class="border-coolgray-200"> <tr>
<td>{{ $invite->email }}</td> <td>{{ $invite->email }}</td>
<td>{{ $invite->via }}</td> <td>{{ $invite->via }}</td>
<td>{{ $invite->role }}</td> <td>{{ $invite->role }}</td>

View File

@ -1,8 +1,9 @@
<tr class="border-coolgray-200"> <tr>
{{-- <th class="text-warning">{{ $member->id }}</th> --}} <td>
<th>{{ $member->name }}</th> {{ $member->name }}</th>
<td>{{ $member->email }}</td> <td>{{ $member->email }}</td>
<td>{{ data_get($member, 'pivot.role') }}</td> <td>
{{ data_get($member, 'pivot.role') }}</td>
<td> <td>
{{-- TODO: This is not good --}} {{-- TODO: This is not good --}}
@if (auth()->user()->isAdmin()) @if (auth()->user()->isAdmin())

View File

@ -1,10 +1,10 @@
<x-layout> <x-layout>
<x-team.navbar :team="session('currentTeam')" /> <x-team.navbar :team="session('currentTeam')" />
<h2>Members</h2> <h2>Members</h2>
<div class="overflow-x-auto"> <div class="overflow-hidden">
<table class="table"> <table>
<thead> <thead>
<tr class="font-bold text-white uppercase border-coolgray-200"> <tr>
<th>Name</th> <th>Name</th>
<th>Email</th> <th>Email</th>
<th>Role</th> <th>Role</th>
@ -33,8 +33,6 @@
@endif @endif
<livewire:team.invite-link /> <livewire:team.invite-link />
</div> </div>
<livewire:team.invitations :invitations="$invitations" /> <livewire:team.invitations :invitations="$invitations" />
@endif @endif
</x-layout> </x-layout>