yannick.leduc/mes-budgets-participatifs
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

ajout de slider sur la page de vote

Browse Source
This commit is contained in:
Yannick Le Duc
2025-08-25 15:32:15 +02:00
parent 06bfe11dcc
commit 4e8b592feb
3 changed files with 175 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/app/globals.css
View File

@@ -24,3 +24,68 @@ body {
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}
/* Styles personnalisés pour le slider */
.slider {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 8px;
border-radius: 4px;
background: #e5e7eb;
outline: none;
cursor: pointer;
}
.slider::-webkit-slider-track {
width: 100%;
height: 8px;
border-radius: 4px;
background: #e5e7eb;
border: 1px solid #d1d5db;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: #4f46e5;
cursor: pointer;
border: 2px solid #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease;
}
.slider::-webkit-slider-thumb:hover {
background: #3730a3;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.slider::-moz-range-track {
width: 100%;
height: 8px;
border-radius: 4px;
background: #e5e7eb;
border: 1px solid #d1d5db;
outline: none;
}
.slider::-moz-range-thumb {
width: 24px;
height: 24px;
border-radius: 50%;
background: #4f46e5;
cursor: pointer;
border: 2px solid #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease;
}
.slider::-moz-range-thumb:hover {
background: #3730a3;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}