TheLovinator/ttvdrops
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove hover effects from campaign cards for a cleaner design

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

15
templates/base.html
View file

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

2
templates/twitch/game_list.html
View file

@ -22,7 +22,7 @@
<div class="row row-cols-1 row-cols-md-3 g-4"> <div class="row row-cols-1 row-cols-md-3 g-4">
{% for item in games %} {% for item in games %}
<div class="col"> <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"> <div class="card-body">
<h5 class="card-title"> <h5 class="card-title">
<a href="{% url 'twitch:game_detail' item.game.id %}" class="text-decoration-none"> <a href="{% url 'twitch:game_detail' item.game.id %}" class="text-decoration-none">