style: Added hover to buttons
This commit is contained in:
@@ -14,11 +14,11 @@
|
||||
<div class="container py-8 max-w-md pt-20">
|
||||
<h1 class="text-3xl font-bold mb-8 text-center">Racks</h1>
|
||||
<div class="flex justify-center mb-6">
|
||||
<a href="/rack/add" class="bg-gradient-to-r from-gray-200 to-gray-200 dark:from-gray-500 dark:to-gray-700 px-4 py-2 rounded-lg inline-block"><i class="fas fa-plus"></i> Add Rack</a>
|
||||
<a href="/rack/add" class="bg-gradient-to-r bg-gray-200 hover:bg-gray-400 dark:from-gray-500 dark:to-gray-700 hover:dark:from-gray-700 hover:dark:to-gray-500 px-4 py-2 rounded-lg inline-block"><i class="fas fa-plus"></i> Add Rack</a>
|
||||
</div>
|
||||
<div class="space-y-6">
|
||||
{% for rack in racks %}
|
||||
<a href="/rack/{{ rack.id }}" class="bg-gray-200 dark:bg-gray-800 rounded-lg shadow-md p-4 flex items-start justify-between hover:ring-2 hover:ring-gray-400 transition group">
|
||||
<a href="/rack/{{ rack.id }}" class="bg-gray-200 hover:bg-gray-100 dark:bg-gray-800 hover:dark:bg-gray-700 rounded-lg shadow-md p-4 flex items-start justify-between hover:ring-2 hover:ring-gray-400 transition group">
|
||||
<div>
|
||||
<h2 class="text-xl font-bold dark:text-blue-200 mb-1">{{ rack.name }}</h2>
|
||||
<div class="dark:text-gray-400">Site: {{ rack.site }} | Height: {{ rack.height_u }}U</div>
|
||||
|
||||
Reference in New Issue
Block a user