Amélioration visuelle des checkboxes avec design personnalisé moderne
## Nouvelles fonctionnalités visuelles ### Checkboxes personnalisées élégantes - Création d'un fichier CSS dédié avec design moderne - Dégradé bleu et coins arrondis pour un look contemporain - Animations fluides sur hover, focus et sélection - Coche vectorielle animée avec transition élégante ### Expérience utilisateur améliorée - Effet hover avec scale et glow subtil - État indéterminé avec barre orange pour sélection partielle - Mise en surbrillance des lignes sélectionnées - Support optimisé pour les écrans tactiles ### Intégration complète - Remplacement des classes Tailwind par classes personnalisées - Mise à jour cohérente côté serveur et client - Inclusion du CSS dans le template HTML - Maintien de toutes les fonctionnalités existantes ## Améliorations techniques - CSS moderne avec animations CSS3 - Performance optimisée avec transitions fluides - Design responsive et accessible - Code CSS modulaire et maintenable
This commit is contained in:
@@ -5,6 +5,7 @@
|
||||
<title>{{TITLE}}</title>
|
||||
<meta name="csrf-token" content="{{CSRF_TOKEN}}">
|
||||
<link rel="icon" href="/autopost/favicon.ico" type="image/svg+xml">
|
||||
<link rel="stylesheet" href="checkboxes.css">
|
||||
<script src="js/index.global.js"></script>
|
||||
<script src="jquery/jquery.min.js"></script>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
|
||||
@@ -135,7 +136,7 @@
|
||||
<thead class="bg-gray-900 text-gray-300 uppercase text-sm">
|
||||
<tr>
|
||||
<th class="px-4 py-2">
|
||||
<input type="checkbox" id="selectAll" class="rounded border-gray-600 bg-gray-700 text-blue-600 focus:ring-blue-500">
|
||||
<input type="checkbox" id="selectAll" class="checkbox-custom">
|
||||
</th>
|
||||
<th class="px-4 py-2">Name</th>
|
||||
<th class="px-4 py-2">Status</th>
|
||||
|
||||
Reference in New Issue
Block a user