Remove hover effects from campaign cards for a cleaner design

This commit is contained in:
Joakim Hellsén 2025-07-10 05:04:13 +02:00
commit 08da2cf7da
2 changed files with 1 additions and 16 deletions

View file

@ -12,15 +12,9 @@
<style>
/* Custom styles */
.campaign-card {
transition: transform 0.3s;
height: 100%;
}
.campaign-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.campaign-active {
border-left: 4px solid #9147ff;
}
@ -51,15 +45,6 @@
height: 160px;
}
.hover-effect {
transition: all 0.3s ease;
}
.hover-effect:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}
.card-header h3 {
font-size: 1.5rem;
}

View file

@ -22,7 +22,7 @@
<div class="row row-cols-1 row-cols-md-3 g-4">
{% for item in games %}
<div class="col">
<div class="card h-100 border-0 shadow-sm hover-effect">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body">
<h5 class="card-title">
<a href="{% url 'twitch:game_detail' item.game.id %}" class="text-decoration-none">