You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<x-layout>
|
|
|
|
|
<x-slot name="scripts">
|
|
|
|
|
</x-slot>
|
|
|
|
|
<x-slot name="title">Game Library</x-slot>
|
|
|
|
|
|
|
|
|
|
<x-slot name="content">
|
|
|
|
|
<div class="p-4 sm:ml-64">
|
|
|
|
|
<div class="p-4 mb-5 border-2 border-gray-200 border-dashed rounded-lg dark:border-gray-700 mt-14">
|
|
|
|
|
<h1 class="font-semibold tracking-wide text-left text-blue-500 uppercase">Games
|
|
|
|
|
<a href="{{ route('games.create') }}" class="items-center text-2xl text-gray-400 dark:text-gray-500">+</a>
|
|
|
|
|
</h1>
|
|
|
|
|
<div class="grid grid-cols-4 gap-4 mt-2">
|
|
|
|
|
<div class="relative flex items-center justify-center rounded bg-gray-50 dark:bg-gray-800">
|
|
|
|
|
<a href="{{route('games.create')}}" class="flex items-center justify-center">
|
|
|
|
|
<div class="flex items-center justify-center">
|
|
|
|
|
<div class="w-11/12 h-11/12 aspect-w-4 aspect-h-3 ">
|
|
|
|
|
<p class="flex items-center text-7xl text-gray-400 dark:text-gray-500">+</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@foreach ($games as $game)
|
|
|
|
|
<x-game-card-small :game="$game" />
|
|
|
|
|
@endforeach
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</x-slot>
|
|
|
|
|
</x-layout>
|
