feature(tags): added tags to pois

This commit is contained in:
Uther
2024-08-21 18:57:36 +02:00
parent 32fafa370c
commit 9a00582d44
5 changed files with 116 additions and 9 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PhantaApp lul 3000</title>
<title>PhantaApp</title>
@vite('resources/css/app.css')
</head>
<body class="bg-gray-500">

View File

@@ -27,12 +27,15 @@
{{ $poi->description }}
</p>
</div>
<div class="p-6 pt-0">
<!-- <button
class="align-middle select-none font-sans font-bold text-center uppercase transition-all disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none text-xs py-3 px-6 rounded-lg bg-gray-900 text-white shadow-md shadow-gray-900/10 hover:shadow-lg hover:shadow-gray-900/20 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none"
type="button">
Read More
</button> -->
<div class="p-6 pt-0 flex text-sm items-end flex-1 gap-1">
@foreach($poi->getTags() as $tag)
<span class="relative group px-2 py-1 text-xs font-bold text-white bg-blue-500 rounded-full">
{{ $poi->getTagEmote($tag) }}
<span class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 hidden group-hover:block px-2 py-1 text-xs text-white bg-black rounded">
{{ $poi->getTagDescription($tag) }}
</span>
</span>
@endforeach
</div>
</div>
@endforeach