mirror of
https://github.com/sp-tarkov/forge.git
synced 2025-02-13 04:30:41 -05:00
49 lines
4.0 KiB
PHP
49 lines
4.0 KiB
PHP
<div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
|
<div class="md:flex md:items-center md:justify-between border-b pb-4 mb-6">
|
|
<div class="min-w-0 flex-1">
|
|
<h2 class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">{{ __('Latest Mods') }}</h2>
|
|
</div>
|
|
<div class="mt-4 flex md:ml-4 md:mt-0">
|
|
<button type="button" class="ml-3 inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">{{ __('View All') }}</button>
|
|
</div>
|
|
</div>
|
|
|
|
<ul role="list" class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
@foreach ($latestMods as $mod)
|
|
<li class="col-span-1 divide-y divide-gray-200 rounded-lg bg-white shadow">
|
|
<div class="flex w-full items-center justify-between space-x-6 p-6">
|
|
<img class="h-10 w-10 flex-shrink-0 rounded-[5px] bg-gray-300" src="https://placehold.co/300x300/EEE/31343C?font=open-sans&text=MOD" alt="">
|
|
<div class="flex-1 truncate">
|
|
<div class="flex items-center space-x-3">
|
|
<h3 class="truncate text-sm font-medium text-gray-900">{{ $mod->name }}</h3>
|
|
<span class="inline-flex flex-shrink-0 items-center rounded-full bg-{{ $mod->versionWithHighestSptVersion->sptVersion->color_class }}-50 px-1.5 py-0.5 text-xs font-medium text-{{ $mod->versionWithHighestSptVersion->sptVersion->color_class }}-700 ring-1 ring-inset ring-{{ $mod->versionWithHighestSptVersion->sptVersion->color_class }}-600/20">{{ $mod->versionWithHighestSptVersion->sptVersion->version }}</span>
|
|
</div>
|
|
<p class="mt-1 truncate text-sm text-gray-500">{{ $mod->description }}</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="-mt-px flex divide-x divide-gray-200">
|
|
<div class="flex w-0 flex-1">
|
|
<a href="/mod/{{ $mod->id }}/{{ $mod->slug }}" class="relative -mr-px inline-flex w-0 flex-1 items-center justify-center gap-x-3 rounded-bl-lg border border-t-0 border-transparent py-4 text-sm font-semibold text-gray-900">
|
|
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
|
|
</svg>
|
|
{{ __('View Details') }}
|
|
</a>
|
|
</div>
|
|
<div class="-ml-px flex w-0 flex-1">
|
|
<a href="/mod/{{ $mod->id }}/{{ $mod->slug }}/download" class="relative inline-flex w-0 flex-1 items-center justify-center gap-x-3 rounded-br-lg border border-t-0 border-transparent py-4 text-sm font-semibold text-gray-900">
|
|
<svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9.75v6.75m0 0-3-3m3 3 3-3m-8.25 6a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z"/>
|
|
</svg>
|
|
{{ __('Download') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|