Remove hover effects from campaign cards for a cleaner design
This commit is contained in:
parent
376b267064
commit
08da2cf7da
2 changed files with 1 additions and 16 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue