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.
40 lines
2.3 KiB
PHTML
40 lines
2.3 KiB
PHTML
<aside id="logo-sidebar" class="fixed top-0 left-0 z-40 w-64 h-screen pt-20 transition-transform -translate-x-full bg-white border-r border-gray-200 sm:translate-x-0 dark:bg-gray-800 dark:border-gray-700" aria-label="Sidebar">
|
|
<div class="h-full px-3 pb-4 overflow-y-auto bg-white dark:bg-gray-800">
|
|
<ul class="space-y-2 font-medium">
|
|
<li>
|
|
<a href="/" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
<div class="fa-solid fa-house"></div>
|
|
<span class="ml-3">Dashboard</span>
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
<div class="fa-solid fa-gamepad"></div>
|
|
<span class="flex-1 ml-3 whitespace-nowrap">Games</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
<div class="fa-solid fa-server"></div> <!--TODO Platforms Icon suchen-->
|
|
<span class="flex-1 ml-3 whitespace-nowrap">Platforms</span>
|
|
<!--<span class="inline-flex items-center justify-center w-3 h-3 p-3 ml-3 text-sm font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300">3</span>-->
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
<div class="fa-solid fa-puzzle-piece"></div>
|
|
<span class="flex-1 ml-3 whitespace-nowrap">Mods</span>
|
|
<!--<span class="inline-flex items-center justify-center w-3 h-3 p-3 ml-3 text-sm font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300">3</span>-->
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
|
|
<div class="fa-solid fa-trophy"></div>
|
|
<span class="flex-1 ml-3 whitespace-nowrap">Achievements</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</aside>
|